我知道我可以测试一个JavaScript变量,然后定义它,如果它是未定义的,但有没有某种方式说
var setVariable = localStorage.getItem('value') || 0;
这似乎是一种更清晰的方式,我很确定我在其他语言中见过这种情况。
我知道我可以测试一个JavaScript变量,然后定义它,如果它是未定义的,但有没有某种方式说
var setVariable = localStorage.getItem('value') || 0;
这似乎是一种更清晰的方式,我很确定我在其他语言中见过这种情况。
当前回答
在我们的日子里,你实际上可以用JS来做你的方法:
// Your variable is null
// or '', 0, false, undefined
let x = null;
// Set default value
x = x || 'default value';
console.log(x); // default value
所以你的例子是有效的:
const setVariable = localStorage.getItem('value') || 0;
其他回答
ES2020回答
使用Nullish Coalescing Operator,如果value为空或未定义,则可以设置默认值。
const setVariable = localStorage.getItem('value') ?? 0;
但是,您应该注意,空合并运算符不会为其他类型的假值(如0和")返回默认值。
但是,一定要注意浏览器的支持。您可能需要使用像Babel这样的JavaScript编译器将其转换为向后兼容的内容。如果你正在使用Node.js,它从版本14开始就被支持了。
你可以使用以下任何一种方法。
let x;
let y = 4;
x || (x = y)
在ES12或之后
let x;
let y = 4;
x ||= y;
在我们的日子里,你实际上可以用JS来做你的方法:
// Your variable is null
// or '', 0, false, undefined
let x = null;
// Set default value
x = x || 'default value';
console.log(x); // default value
所以你的例子是有效的:
const setVariable = localStorage.getItem('value') || 0;
是的,它可以这样做,但严格来说,如果检索到的值是假的,将分配默认值,而不是真正未定义的。因此,它不仅可以匹配undefined,还可以匹配null, false, 0, NaN, ""(但不匹配"0")。
如果你只想在变量严格未定义的情况下设置为默认值,那么最安全的方法是这样写:
var x = (typeof x === 'undefined') ? your_default_value : x;
在新的浏览器上,这样写其实是安全的:
var x = (x === undefined) ? your_default_value : x;
但是请注意,在旧的浏览器中,允许声明一个名为undefined的变量,该变量具有一个已定义的值,这可能会导致测试失败。
var setVariable = (typeof localStorage getItem(’value’)! = =’undefined’&& localStorage getItem(’value’))| | 0;