js 简写的判空方式
# 使用逻辑或运算符 ||
逻辑或运算符 || 可以用来在左侧的表达式为假(false, null, undefined, 0, NaN, '')时,返回右侧表达式的值。
let value = null;
let result = value || '默认值';
console.log(result); // 输出:默认值
# 使用 ES6 的可选链(Optional Chaining)操作符 ?.
可选链操作符允许读取位于连接对象链深处的属性值,即使中间某些属性不存在。这对于避免因中间属性不存在而导致的错误非常有用。
let obj = { nested: null };
let result = obj.nested?.value || '默认值'; // 注意:这里使用了逻辑或运算符来处理可能的null或undefined情况。
console.log(result); // 输出:默认值
# 使用 ES6 的解构赋值(适用于对象或数组)
对于对象或数组,可以使用解构赋值来简化判空赋值
let obj = { value: null };
let { value = '默认值' } = obj;
console.log(value); // 输出:默认值
有什么不同见解可以在评论区共同讨论

浙公网安备 33010602011771号