如果在打字稿中未定义，如何设置变量？

Question

我试图在未定义时设置变量值，但是在尝试使用 vanilla javascript 方法时出现错误。

在声明之前使用的块范围变量“x”。

使用打字稿设置未定义变量的最佳方法是什么？

let x = (typeof x === 'undefined') ? def_val : x;

Answer 1

逻辑空赋值 (x ??= y) 运算符仅在 x 为空（空或未定义）时进行赋值。

x ??= default_value

Answer 2

还有另一种使用Nullish 合并运算符的简写：

const def_val = 'default';

function work(y: string) {
    let x = y ?? def_val;
}

这将仅替换undefined或null替换为默认值。

Answer 3

TypeScript 可以看出它x绝对没有定义，因为它是一个块范围的变量，你可以看到整个块。

如果您比编译器更了解，则可以将行分开：

const def_val = 'default';

let x: string;
x = (typeof x === 'undefined') ? def_val : x;

但是您可能想要考虑在您的情况下如何可能未定义块范围变量（也许您的代码不像您问题中的示例那么简单）。

常见的用例更像是：

const def_val = 'default';

function work(y: string) {
    let x = (typeof y === 'undefined') ? def_val : y;
}

您还可以添加更严格的编译器选项，以减少在许多情况下未定义值的可能性。

速记

还有一个可能有用的速记 falsey-coalesce：

const def_val = 'default';

function work(y: string) {
    let x = y || def_val;
}

这将替换undefined, null, 0（零）或''使用默认值。