ES2021：改变JavaScript世界的改变

一、Logical Assignment Operators：简化代码，提高效率

ES2021引入了一系列Logical Assignment Operators，包括&&=、||=和??=。这些操作符可以极大地简化您的代码，提高开发效率。

• &&=：逻辑与赋值操作符

  &&=操作符的作用是，如果左边的表达式为真，则将右边的表达式的值赋给左边的变量；如果左边的表达式为假，则不执行任何操作。例如：

  let x = 10;
  x &&= 20; // x 的值变为 20
  x &&= 0; // x 的值保持不变，为 20
  

• ||=：逻辑或赋值操作符

  ||=操作符的作用是，如果左边的表达式为真，则不执行任何操作；如果左边的表达式为假，则将右边的表达式的值赋给左边的变量。例如：

  let x = 0;
  x ||= 10; // x 的值变为 10
  x ||= 20; // x 的值保持不变，为 10
  

• ??=：空值合并赋值操作符

  ??=操作符的作用是，如果左边的表达式不为null或undefined，则不执行任何操作；如果左边的表达式为null或undefined，则将右边的表达式的值赋给左边的变量。例如：

  let x = null;
  x ??= 10; // x 的值变为 10
  x ??= 20; // x 的值保持不变，为 10
  

二、Promise.any：并发请求，快速响应

Promise.any是ES2021中新增的全局方法，它可以并发执行多个Promise，并返回第一个率先解析的Promise的结果。这对于需要同时发送多个请求并快速获取响应的场景非常有用。例如：

const promises = [
  fetch('https://example.com/data1'),
  fetch('https://example.com/data2'),
  fetch('https://example.com/data3')
];

Promise.any(promises)
  .then(response => {
    console.log(response);
  })
  .catch(error => {
    console.error(error);
  });

上面的代码并发发送了三个请求，当第一个请求解析后，Promise.any()方法就会立即返回该请求的结果。如果所有请求都失败，则Promise.any()方法会返回一个AggregateError对象。

三、Promise.race：竞争请求，获取最快的响应

Promise.race是ES2021中新增的另一个全局方法，它可以并发执行多个Promise，并返回第一个解析或拒绝的Promise的结果。这对于需要竞争多个请求并获取最快的响应的场景非常有用。例如：

const promises = [
  fetch('https://example.com/data1'),
  fetch('https://example.com/data2'),
  fetch('https://example.com/data3')
];

Promise.race(promises)
  .then(response => {
    console.log(response);
  })
  .catch(error => {
    console.error(error);
  });

上面的代码并发发送了三个请求，当第一个请求解析或拒绝后，Promise.race()方法就会立即返回该请求的结果。如果所有请求都解析或拒绝，则Promise.race()方法会返回第一个解析或拒绝的请求的结果。

四、Promise.all：等待所有请求，获取所有响应

Promise.all是ES2021中新增的另一个全局方法，它可以并发执行多个Promise，并返回一个包含所有Promise结果的数组。这对于需要同时发送多个请求并等待所有响应的场景非常有用。例如：

const promises = [
  fetch('https://example.com/data1'),
  fetch('https://example.com/data2'),
  fetch('https://example.com/data3')
];

Promise.all(promises)
  .then(responses => {
    console.log(responses);
  })
  .catch(error => {
    console.error(error);
  });

上面的代码并发发送了三个请求，当所有请求都解析后，Promise.all()方法就会立即返回一个包含所有请求结果的数组。如果任何一个请求失败，则Promise.all()方法会立即返回一个AggregateError对象。

结语

ES2021的新特性为JavaScript开发人员带来了更多的便利和更高的生产力。Logical Assignment Operators可以简化代码，提高效率；Promise.any、Promise.race和Promise.all可以帮助开发人员更好地处理并发请求。这些新特性将使JavaScript开发人员能够编写出更强大、更健壮的代码。