掌握 ES12，让你的代码更高效更优雅！
ES12 是 ECMAScript 最新标准，也是 JavaScript 语言的最新版本。它包括了许多新特性，为代码编写提供了更多的便利和灵活性。如果你是一位前端开发者，并且想要让自己的代码更加高效和优雅，那么掌握 ES12 是必不可少的。
在这篇文章中，我们将会深入探讨 ES12 的一些最重要的新特性，并且提供一些示例代码，帮助你更好地理解这些概念。让我们开始吧！
- 可选的链式调用“?. ”
ES12 引入了可选的链式调用操作符“?. ”，可以简化嵌套对象的属性访问。这个操作符的作用是当对象的某个属性不存在时，返回 undefined 而不是抛出错误。
示例代码：
-- -------------------- ---- -------
--- ------ - -
----- -------
-------- -
----- ---- -----
-
--
----------------------------------
----------------------------------输出：
New York undefined
- Promise.allSettled
ES12 引入了 Promise.allSettled 方法，用于接收一个 promise 数组，并且在所有的 promise 完成执行之后返回一个对象数组。这个返回的数组包含着每个 promise 对象的状态、值或原因（如果有的话）。
示例代码：
let promises = [
Promise.resolve("Success"),
Promise.reject("Error")
];
Promise.allSettled(promises)
.then(results => console.log(results));输出：
[
{status: "fulfilled", value: "Success"},
{status: "rejected", reason: "Error"}
]- 字符串替换时支持正则表达式
ES12 让开发者可以在字符串替换方法中使用正则表达式。新的 String.replaceAll() 方法可以在替换字符串时，使用正则表达式进行匹配。
示例代码：
let str = "This is a test string for replacement, test is important"; console.log(str.replaceAll(/test/gi, "exam"));
输出：
This is a exam string for replacement, exam is important
- 数组的 map() 和 filter() 方法返回结果类型的改变
ES12 引入了新的 map() 和 filter() 方法，用于处理数组并返回一个新的数组。这两个方法现在都支持传入的函数在返回值时可更改其类型。
示例代码：
let numbers = [1, 2, 3]; let newNumbers = numbers.map(n => n * 2); console.log(newNumbers); console.log(newNumbers.map(String));
输出：
[2, 4, 6] ["2", "4", "6"]
- WeakRefs
ES12 引入了 WeakRefs，可以让开发者更好地处理 JavaScript 中的内存问题。WeakRefs 是弱引用，它不会阻止垃圾回收器回收一个对象。
示例代码：
let obj = {name: "Tom"};
let weakRef = new WeakRef(obj);
console.log(weakRef.deref());
obj = null;
setTimeout(() => console.log(weakRef.deref()), 1000);输出：
{name: "Tom"}
undefined结论
至此，我们已经介绍了 ES12 中一些最重要的新特性，并且提供了一些示例代码，帮助你更好地理解这些概念。在掌握这些新特性之后，你的代码将会更加高效、优雅，并且更加容易维护。所以，不要犹豫！快来掌握 ES12，让你的前端代码更加出色！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67125c27ad1e889fe204a02e