&&=、||= 和 ??= 有何用途？

Question

我在中看到过这个语法节点.jsv15.0.1：&&=、||=和??=。但我不知道它有什么作用。有人知道吗？

Answer 1

这些称为逻辑赋值运算符，总共有 3 个：

1. 逻辑与赋值( &&=)

2. 逻辑或赋值( ||=)

3. 逻辑空赋值( ??=)

从根本上来说，它们的作用都是相同的：as前面的逻辑运算符&&,??和可以重写为。它们的唯一目的是替换更冗长的代码：||=x logical-operator= yx logical-operator (x = y)

1. x &&= y如果 x不为真，则不执行任何操作；如果 x 为真，则将 x 的值更改为 y 。它等同于：

   if (x) {
     x = y 
   }

2. x ||= y如果 x 为真，则不执行任何操作；如果 x不为真，则将 x 的值更改为 y 。它等同于：

   if (!x) {
     x = y 
   }

3. x ??= y如果 x 不为null ，则不执行任何操作；如果 x 为null，则将 x 的值更改为 y 。它等同于：

   if (x === null || x === undefined) {
     x = y 
   }

以下是一些示例，可帮助您加深对这些内容的理解：

const y = 'other value'

let def   = 'initial'    // truthy value

let zero  = 0            // not truth value

let undef = undefined    // nullish value

def   &&= y    // def = 'other value'

zero  &&= y    // zero = 0

undef &&= y    // undef = 'undefined'

def   ||= y    // def = 'initial'

zero  ||= y    // zero = 'other value'

undef ||= y    // undef = 'other value'

def   ??= y    // def = 'initial'

zero  ??= y    // zero = 0

undef ??= y    // undef = 'other value'

Answer 2

这些是新的逻辑赋值运算符。它们类似于更熟悉的运算符*=，如+=、 等。

someVar &&= someExpression大致相当于someVar = someVar && someExpression.

someVar ||= someExpression大致相当于someVar = someVar || someExpression.

someVar ??= someExpression大致相当于someVar = someVar ?? someExpression.

我说“大致”是因为有一个区别 - 如果不使用右侧的表达式，则不会调用可能的设置器。所以它更接近于：

someVar &&= someExpression就好像

if (!someVar) {
  someVar = someExpression;
}

等等。（不调用 setter 的事实不太可能对脚本产生影响，但这并非不可能。）这与其他传统的简写赋值运算符不同，它们无条件分配给变量或属性（从而调用 setter） 。这是一个演示的片段：

const obj = {

  _prop: 1,

  set prop(newVal) {

    this._prop = newVal;

  },

  get prop() {

    return this._prop;

  }

};

// Setter does not get invoked:

obj.prop ||= 5;

??，如果您不熟悉的话，它是空合并运算符。如果左侧是 或 ，它将计算null右侧undefined。

Answer 3

a = a || b相当于a ||= b=> 如果a为 true，a则返回，但如果a为 false，b则返回。

a = a && b相当于a &&= b=> 如果a为 true，b则返回，但如果a为 false，a则返回。

a = a ?? b相当于a ??= b=> 如果a只是 is nullor undefined，b则返回，但如果a是 truea返回。

注：null、undefined、""、0、NaN均为 false

例子：

let a = -22

const b = false

a &&= b

console.log(a)   // false

let a = 0

const b = 'hello'

a ||= b

console.log(a)   // hello

let a = false

let b = true

a ??= b

console.log(a)   // false

let a = null

let b = true

a ??= b

console.log(a)   // true

如果你不明白，请再读一遍！