ES12 是 ECMAScript 的最新版本，也被称为 ES2022。虽然这个版本引入了许多新功能，但是在 IE11 和更早版本的浏览器中，并不受到支持。接下来我们将讨论几个新的功能，并提供一些示例代码。
1. 异步迭代
异步迭代是 ES12 中新增的一个功能，它允许我们在 for...await 循环中使用异步迭代器。异步迭代器是一个迭代器，它返回一个 Promise 对象而非普通数据类型。
然而，IE11 和更早版本的浏览器并不支持异步迭代器。
以下是一个使用 for...await 循环的示例：
-- -------------------- ---- ------- ----- -------- -------------- - ----- -------- - ----- ----------- ----- ---- - ----- ---------------- ------ ----- - ----- -------- ------ - ----- ---- - ----------------------------- ----------------------------- --- ----- ------ ---- -- -------------------- - ------------------ - - -------展开代码
2. WeakRefs
WeakRefs 允许我们创建弱引用，这样我们就可以在不必手动清理内存的情况下跟踪对象的状态。当没有任何强引用时，垃圾回收器就可以自动清理它们。
然而，IE11 和更早版本的浏览器并不支持 WeakRefs。
以下是一个使用 WeakRefs 的示例：
const object = { name: 'example' }; const weakRef = new WeakRef(object); console.log(weakRef.deref()); // { name: 'example' } object = null; console.log(weakRef.deref()); // null
3. Promise.any()
Promise.any() 可以让我们并行处理多个 Promise 对象，只要有一个 Promise 对象解决（fulfilled），就立即返回该 Promise 的值。如果所有的 Promise 对象都拒绝（rejected），则返回一个 AggregateError 对象，其中包含所有拒绝原因。
然而，IE11 和更早版本的浏览器并不支持 Promise.any()。
以下是一个使用 Promise.any() 的示例：
-- -------------------- ---- ------- ----- -------- - - --------------------- ---- ---------------------------- --------------------- --- -- -------------------------------- -- - ------------------- -- -------- -------------- -- - ------------------- -- --------------- ----- -- ----- - ---展开代码
4. 其他功能
此外，ES12 中还包含了一些其他新的功能，例如：
- 数字分隔符（Numeric separators）：允许我们在数字中使用下划线作为分隔符，使数字更易于阅读。
const number = 1_000_000; console.log(number); // 1000000
- Object.hasOwn()：是 hasOwnProperty() 方法的替代方案，可以更加安全地查看对象是否具有某个属性。
const obj = { name: 'example' }; console.log(obj.hasOwn('name')); // true
但是，不幸的是，这些功能在 IE11 和更早版本的浏览器中不被支持。
结论
虽然 ES12 引入了许多新的功能，但是如果我们的应用程序需要支持 IE11 和更早版本的浏览器，我们就需要注意哪些功能可以使用，哪些功能不能使用，并采取相应的措施。我们可以使用 Babel 等工具来转换我们的代码，以便在旧的浏览器中使用新的功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67728b7e6d66e0f9aada6ab8
