V8 8.5 带来的三个实用新特性!

脑洞前端

共 1484字,需浏览 3分钟

 · 2020-09-15


Promise.any

Promise 新增了一个 any 方法,它接收一个 Promise 数组,当数组中某一个 Promisefulfilled 后,它返回的 Promise 就会被返回。

const promises = [
  fetch('/endpoint-a').then(() => 'a'),
  fetch('/endpoint-b').then(() => 'b'),
  fetch('/endpoint-c').then(() => 'c'),
];
try {
  const first = await Promise.any(promises);
  // 任何一个 Promise 为 fulfilled 状态
  console.log(first);
  // →   'b'
catch (error) {
  // 所有 Promise 都被 rejected 了
  console.assert(error instanceof AggregateError);
  // reject 结果数组
  console.log(error.errors);
}

如果所有输入的 Promise 都被拒绝,那么 Promise.any 将会返回一个 AggregateError 类型的异常,这个对象的 errors 属性包含所有 Promise 被拒绝的属性。

注意不要和 Promise.race 方法弄混, race 方法是数组中有任何一个 Promise 被解决或拒绝就会返回,而 any 方法是必须有一个被解决,如果所有都被拒绝是会抛出异常的。

String.prototype.replaceAll

String.prototype.replaceAll 提供了一种简便的方式来替换子字符串的所有匹配,而不再需要创建全局 RegExp

看下面的例子,以前你要把 queryString 中所有的 + 替换掉,需要创建一个全局的正则:

const queryString = 'q=query+string+parameters';

queryString.replace(/\+/g' ');

现在你只需要使用 replaceAll 方法:

queryString.replaceAll('+'' ');

逻辑赋值运算符

逻辑赋值运算符是一种新的复合赋值运算符,他可以把逻辑操作 &&,||或?? 与赋操作结合成一条命令。

x &&= y;
// 等同于 x && (x = y)
x ||= y;
// 等同于 x || (x = y)
x ??= y;
// 等同于 x ?? (x = y)


推荐阅读


1、Chrome 大版本更新来了,这是一次「史诗级」增强

2、你不知道的 TypeScript 泛型(万字长文,建议收藏)

3、如何搭建一个完美的组件库?

4、immutablejs 是如何优化我们的代码的?


关注加加,星标加加~


如果觉得文章不错,帮忙点个在看呗








脑洞前端

作者是一个 Github 35K+ star 的前端架构师。专注前端工程化,性能优化,框架源码,底层原理等,同时也会不定时更新LeetCode题解和面试内容,期待你的加入,和三万名工程师一起进步。

采集文章

采集样式

生成长图

搜公众号

近似文章


浏览 7
点赞
评论
收藏
分享

手机扫一扫分享

举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

举报