javascript中关于&& 和 || 表达式的小技巧分享

接下来我将详细讲解“JavaScript中关于&&和||表达式的小技巧分享”的完整攻略。

什么是 && 和 || 表达式？

在 JavaScript 中，&& 和 || 都是逻辑运算符。

&& 表示“与”，当两个操作数都为真（truthy）时，它的结果为真。如果第一个操作数为假（falsy），则不计算第二个操作数，返回第一个操作数的值。

|| 表示“或”，当两个操作数至少有一个为真时，它的结果为真。如果第一个操作数为真，不计算第二个操作数，返回第一个操作数的值。

&& 和 || 表达式的小技巧

1. 判断变量是否有值

有时候需要判断一个变量是否有值，如果有值则进行下一步操作，否则不执行任何操作。这时可以使用 && 运算。

let x;
let y = x && 5;
console.log(y); // 输出 undefined

这里的 y = x && 5 表示如果 x 为真，则 y 的值为 5；如果 x 为假，则 y 的值为假。由于 x 为 undefined，所以 y 的值也为 undefined。如果 x 的值为非 undefined 的 truthy 值，如数字、字符串等，那么 y 的值就会是 5。

2. 使用 || 提供默认值

如果变量没有值，可以使用 || 运算提供默认值。

let name;
console.log(name || 'John'); // 输出 "John"

这里的 name || 'John' 表示如果 name 为假，则返回 'John'，否则返回 name 的值。由于 name 未定义，所以返回默认值 'John'。

总结

&& 和 || 运算符在 JavaScript 中是非常常用的，掌握它们的使用技巧可以提高代码的效率和可读性。我们可以通过 && 运算来判断变量是否有值，以及通过 || 运算为变量提供默认值。