我知道我可以测试一个JavaScript变量,然后定义它,如果它是未定义的,但有没有某种方式说

var setVariable = localStorage.getItem('value') || 0;

这似乎是一种更清晰的方式,我很确定我在其他语言中见过这种情况。


当前回答

你可以使用以下任何一种方法。

let x;
let y = 4;
x || (x = y)

在ES12或之后

let x;
let y = 4;
x ||= y;

其他回答

ES2020回答

使用Nullish Coalescing Operator,如果value为空或未定义,则可以设置默认值。

const setVariable = localStorage.getItem('value') ?? 0;

但是,您应该注意,空合并运算符不会为其他类型的假值(如0和")返回默认值。

但是,一定要注意浏览器的支持。您可能需要使用像Babel这样的JavaScript编译器将其转换为向后兼容的内容。如果你正在使用Node.js,它从版本14开始就被支持了。

我需要在几个地方“设置一个未定义的变量”。我用@Alnitak answer创建了一个函数。希望它能帮助到某些人。

function setDefaultVal(value, defaultValue){
   return (value === undefined) ? defaultValue : value;
}  

用法:

hasPoints = setDefaultVal(this.hasPoints, true);

在我们的日子里,你实际上可以用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;

如果你是FP(函数式编程)爱好者,Ramda有一个简洁的帮助函数,叫做defaultTo:

用法:

const result = default (30)(value)

它在处理未定义的布尔值时更有用:

const result2 = defaultTo(false)(dashboard.someValue)

var setVariable = (typeof localStorage getItem(’value’)! = =’undefined’&& localStorage getItem(’value’))| | 0;