ES12（也称为 ECMAScript 2021）是 JavaScript 的最新版本，它包含了许多新特性和语言改进，如 Promise.any()、WeakRefs、String.prototype.replaceAll() 等。这些新特性可以让我们的代码更加简洁、可读性更高，但是在使用时也会遇到一些常见的错误。本文将介绍一些常见的 ES12 错误及其解决方案，并提供示例代码以帮助读者更好地理解。
1. Promise.any() 返回的结果不符合预期
Promise.any() 是 ES12 中的一个新特性，它返回一个 Promise，该 Promise 将会在给定的 Promise 可以解析（resolve）时解析。但是，当传入的 Promise 都被拒绝（rejected）时，Promise.any() 将会返回一个 AggregateError 对象，其中包含所有拒绝的 Promise 的错误信息。在使用 Promise.any() 时，我们需要注意一些细节，以避免返回的结果不符合预期。
-- -------------------- ---- ------- ----- -------- - - ------------------------- ------------------------- -------------------------- -- --------------------- ------------ -- -------------------- ------------ -- --------------------
在上面的示例中，我们传入了三个 Promise，其中两个被拒绝，一个被解析。由于 Promise.any() 只要求一个 Promise 可以解析，因此它将会返回第一个被解析的 Promise。在这个例子中，它将会返回一个成功的 Promise，其值为 'success'。但是，当所有传入的 Promise 都被拒绝时，Promise.any() 将会返回一个 AggregateError 对象，而不是一个被拒绝的 Promise。因此，在使用 Promise.any() 时，我们需要检查返回结果是否为 AggregateError 对象，以确定所有传入的 Promise 是否都被拒绝了。
-- -------------------- ---- -------
----- -------- - -
-------------------------
------------------------
--
---------------------
------------ -- --------------------
------------ -- -
-- ------ ---------- --------------- -
---------------- -------- --- ----------- -------
- ---- -
----------------------- -------- -------
-
---在上面的示例中，我们传入了两个被拒绝的 Promise。由于没有任何一个 Promise 可以解析，Promise.any() 将会返回一个 AggregateError 对象，其中包含了两个被拒绝的 Promise 的错误信息。在 catch 语句中，我们检查返回的错误对象是否为 AggregateError 对象，如果是，则说明所有传入的 Promise 都被拒绝了。
2. WeakRefs 的使用方式不正确
WeakRefs 是 ES12 中的另一个新特性，它允许我们创建弱引用（weak reference），即对对象的引用不会阻止垃圾回收。使用 WeakRefs 可以避免内存泄漏，但是在使用时也需要注意一些细节，以避免出现错误。
let obj = { name: 'John' };
const ref = new WeakRef(obj);
console.log(ref.deref()); // { name: 'John' }
obj = null;
console.log(ref.deref()); // null在上面的示例中，我们创建了一个对象 obj，并将其传递给 WeakRef 构造函数，以创建一个弱引用 ref。在第一个 console.log() 语句中，我们调用 ref.deref() 方法，以获取弱引用所指向的对象。由于对象仍然存在，因此该方法将会返回对象本身。在第二个 console.log() 语句中，我们将对象置为 null，以模拟对象被垃圾回收的情况。此时，ref.deref() 方法将会返回 null，因为对象已经被回收了。
但是，如果我们在使用 WeakRefs 时不小心将其作为普通引用使用，就会导致对象无法被垃圾回收，从而引发内存泄漏。
let obj = { name: 'John' };
const ref = new WeakRef(obj);
const arr = [ref]; // 将 ref 作为普通引用存储在数组中
obj = null;
console.log(ref.deref()); // { name: 'John' }
console.log(arr[0].deref()); // { name: 'John' }在上面的示例中，我们将 ref 作为普通引用存储在数组中。由于数组中存储的是 ref 的引用，而不是 ref 所指向的对象的引用，因此对象不会被垃圾回收。在第一个 console.log() 语句中，我们调用 ref.deref() 方法，可以看到对象仍然存在。在第二个 console.log() 语句中，我们调用 arr[0].deref() 方法，同样可以看到对象仍然存在。因此，在使用 WeakRefs 时，我们需要确保不将其作为普通引用使用，以避免出现内存泄漏。
3. String.prototype.replaceAll() 的使用方式不正确
String.prototype.replaceAll() 是 ES12 中的另一个新特性，它允许我们在字符串中替换所有匹配的子串。使用 String.prototype.replaceAll() 可以使代码更加简洁，但是在使用时也需要注意一些细节，以避免出现错误。
const str = 'hello world';
console.log(str.replaceAll('l', 'L')); // heLLo worLd在上面的示例中，我们调用了 String.prototype.replaceAll() 方法，将字符串中所有的 'l' 替换为 'L'。在输出结果中，我们可以看到所有的 'l' 都被替换为了 'L'。但是，如果我们在使用 String.prototype.replaceAll() 时不小心传入一个正则表达式，就会导致出现错误。
const str = 'hello world'; console.log(str.replaceAll(/l/g, 'L')); // heLLo worLd console.log(str.replaceAll(/l/, 'L')); // heLlo world
在上面的示例中，我们分别传入了 /l/g 和 /l/ 作为第一个参数，以替换所有匹配的子串和第一个匹配的子串。在第一个 console.log() 语句中，我们可以看到所有的 'l' 都被替换为了 'L'。但是在第二个 console.log() 语句中，我们只替换了第一个匹配的 'l'，而其他的 'l' 仍然存在。因此，在使用 String.prototype.replaceAll() 时，我们需要确保传入的第一个参数是一个字符串，而不是一个正则表达式。
结论
ES12 中的新特性可以让我们的代码更加简洁、可读性更高，但是在使用时也需要注意一些细节，以避免出现错误。在本文中，我们介绍了一些常见的 ES12 错误及其解决方案，包括 Promise.any() 返回的结果不符合预期、WeakRefs 的使用方式不正确以及 String.prototype.replaceAll() 的使用方式不正确。希望本文能够对读者在使用 ES12 新特性时有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6765368576af2b9a20e9f57c