逻辑运算符
在 js 中,我们都知道有逻辑运算符,比如 逻辑与 ( && )、逻辑或( || )、逻辑非( ! )、空值合并运算符(??)
逻辑与 ( && )
当且仅当所有操作数为 true 时,一组布尔操作数的逻辑与(&&,逻辑连接)运算结果为 true,否则为 false。
一般来说,当从左到右求值时,该操作符返回第一个假值操作数的值;如果它们都是真值,则返回最后一个操作数的值。
代码语言:javascript复制const a = 3;
const b = -2;
console.log(a > 0 && b > 0);
// Expected output: false逻辑或( || )
对于一组操作数的逻辑或(||,逻辑析取)运算符,当且仅当其一个或多个操作数为真,其运算结果为真。它通常与布尔(逻辑)值一起使用。当它是布尔值时,返回一个布尔值。然而,|| 运算符实际上是返回一个指定的操作数的值,所以如果这个运算符被用于非布尔值,它将返回一个非布尔值。
const a = 3;
const b = -2;
console.log(a > 0 || b > 0);
// Expected output: true空值合并运算符(??)
空值合并运算符(??)是一个逻辑运算符,当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。与逻辑或运算符(||)不同,逻辑或运算符会在左侧操作数为假值时返回右侧操作数。也就是说,如果使用 || 来为某些变量设置默认值,可能会遇到意料之外的行为。比如为假值(例如,'' 或 0)时。
逻辑赋值
就是在逻辑运算符的情况下 赋值比如 a&&=2,就是 a=a&&2
逻辑空赋值(??=)
逻辑空赋值运算符(x ??= y)仅在 x 是空值(null 或 undefined)时对其赋值。
const a = { duration: 50 };
a.duration ??= 10;
console.log(a.duration);
// Expected output: 50
// =>
// a.duration = a.duration ?? 10
a.speed ??= 25;
console.log(a.speed);
// Expected output: 25
// =>
// a.speed = a.speed ?? 25逻辑与赋值(&&=)
逻辑与赋值(x &&= y)运算仅在 x 为真值时为其赋值。
let a = 1;
let b = 0;
a &&= 2;
console.log(a);
// Expected output: 2
// =>
// a = a && 2;
b &&= 2;
console.log(b);
// Expected output: 0
// =>
// b = b && 2
// 按照逻辑与规则进行赋值运算注意:逻辑运算符除了逻辑非是( ! ) ,其他都是两个连续相等的运算符表示,单个运算符表示的都是按位运算符,不要搞混。
如:按位与( & )、按位或( | )、按位非( ~ )、按位异或( ^ )、按位与赋值( &= )、按位或赋值( |= )、按位异或赋值( ^=)
具体参考 MDN 文档


