js赋值计算_牛客博客

赋值计算

||：
首先在对于 a || b，大家都知道判断标准是只有当 a 为 false 且 b 为 false 时,整个语句为假，否则为真。
因此，在 c = a ||b 中，只有当 a 为 false 时才会考虑 b 的值，即：当 a 不为 false 时，等同于 c = a; 当 a 为 false 时，等同于 c = b;

&&:
对于 a && b. 判断标准为只有当 a 为 true 且 b 为 true 时，整个语句为真，其他的情况下整个语句为假。
因此，在 c = a && b 中，只有当 a 为 true 时才会考虑 b 的值，即：当 a 为 true 时，等价于 c = b; 当 a 为 false 时，等价于 c = a。
ps: 这里提及的 true 与 false 为转化为 Boolean 类型时，并非为简单的直接看其值为 true 或 false。

与 ? 相关赋值运算

?? 运算符被称为非空运算符。如果第一个参数不是 null/undefined(这里只有这两个假值)，将返回第一个参数，否则返回第二个参数。

console.log(undefined ?? 5) // 5
console.log(false ?? 5) // false
console.log(null ?? 5) // 5
console.log(NaN ?? 5) // NaN
console.log('' ?? 5) // ''
console.log(0 ?? 5) // 0

??= 也被称为空赋值运算符，与上面的非空运算符相关。联系如下：

var x = null
var y = 5
var z = undefined
console.log((x ??= y)) // => 5
console.log('x', x)
console.log((z = z ?? x)) // => 5
console.log('z', z)

?. 被称为链判断运算符，用于在引用对象链中的属性值时，验证每个引用。当引用为空时，表达式停止计算并返回 undefined。

var obj = {
      
  index: 1,
  abcd: {
      
    index: 2,
    abc: {
      
      index: 3,
      ab: 10,
    },
  },
}

console.log(obj.abcd.abc) // {index: 3, ab: 10}
console.log(obj.abcd.abc.ab) // 10
console.log(obj.abcd.abc?.bc) // undefined

?: 被称为条件运算符，接受三个运算数：条件? 表达式 1(条件为真时执行的表达式) : 表达式 2(条件为假时执行的表达式)。
```
var flag = false
var value = flag ? '11' : '00'
```