ES12 之新特性解析-JavaScript中文网-JavaScript教程资源分享门户

引言

ES12 是 ECMAScript 最新的版本，也被称为 ES2021。随着 JavaScript 的普及，Front-end 工程师已经成为一支不可忽略的力量。本文会为您介绍 ES12 中的新特性，并对其进行详细的解析，给您提供深度的学习和指导意义。

BigInt

BigInt 是一种新的基本数据类型，它支持比 JavaScript 中 Number 类型表示的最大安全整数更大的整数值。BigInt 类型表示一个任意精度整数（Arbitrary Precision Integers）。任意精度表示指 BigInt 类型可以支持比 IEEE 754 Float 类型表示的最大安全整数更大的整数值（大于 2^53 - 1）。

BigInt 类型不能与 Number 类型一起进行计算，它们之间不能隐式转换。如果需要比较或计算 BigInt 类型和 Number 类型的值，需要手动进行转换。

用法

// javascriptcn.com 代码示例
// 创建 BigInt 类型变量 
const bigIntNum = BigInt(1234567890n);

// 计算
const result = bigIntNum * BigInt(2n);

// 转换
const num = 12345;
const bigIntNum = BigInt(num);

// 输出
console.log(typeof bigIntNum);
console.log(bigIntNum);
console.log(result);

Promise.any

Promise.any 可以接受一个 Promise 数组，他们可以是不同时间完成的。该函数返回一个解析值，即最早解析的 Promise 的解析值。如果所有 Promise 的状态都为拒绝状态，将返回一个 AggregateError 类型对象，该对象包含所有拒绝原因的数组。

用法

const promise1 = new Promise((resolve, reject) => setTimeout(resolve, 100, '第一个'));
const promise2 = new Promise((resolve, reject) => setTimeout(reject, 10, '第二个'));
const promise3 = new Promise((resolve, reject) => setTimeout(resolve, 1000, '第三个'));
 
Promise.any([promise1, promise2, promise3])
  .then((value) => console.log(value))
  .catch((error) => console.log(error));// --> 第一个

WeakRef 和 FinalizationRegistry

WeakRef 和 FinalizationRegistry 都是为了解决垃圾回收问题而出现的特性。

WeakRef

WeakRef 有助于避免内存泄漏问题。创建的 WeakRef 实例可以引用对象，但不会阻止对象被垃圾回收。

用法

let obj = { prop: 'data' };
const weakRef = new WeakRef(obj);

FinalizationRegistry

FinalizationRegistry 可以在对象被垃圾回收之前执行回调函数。

用法

// javascriptcn.com 代码示例
const registry = new FinalizationRegistry((value) => {
  console.log(`【垃圾回收】: ${value}`);
});

let obj = { prop: 'data' };
registry.register(obj, 'my value1');
registry.register(obj, 'my value2');

obj = null;

String.prototype.replaceAll

String.prototype.replaceAll 方法用于替换一个字符串中全部出现的子字符串。

用法

const str = 'a b c a b c a b c';
console.log(str.replaceAll('a', '1')); // --> 1 b c 1 b c 1 b c

Promise.allSettled

Promise.allSettled 可以用来并行处理多个 Promise 对象，并在所有 Promise 对象都已解决或拒绝后返回结果。

用法

Promise.allSettled([promise1, promise2, promise3])
  .then((result) => console.log(result))
  .catch((error) => console.log(error));// --> [{status: "fulfilled", value: "第一个"}, {status: "rejected", reason: "第二个"}, {status: "fulfilled", value: "第三个"}]

总结

ES12 引入了五个新的特性。BigInt 可以用于处理整数类型数据，Promise.any 可以并行处理多个 Promise，WeakRef 和 FinalizationRegistry 可以帮助我们解决垃圾回收问题，String.prototype.replaceAll 可以更方便地替换全部出现的子字符串，Promise.allSettled 可以并行处理多个 Promise 对象，并在所有对象解决或拒绝后返回结果。以上的新特性都为我们的前端开发提供了更强大、更灵活、更高效的解决方案。

参考资料

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/6533a6537d4982a6eb734c76