JavaScript 是一门广泛使用于 web 开发领域的编程语言，同时也是一门发展迅速的语言。2020 年，JS 新版提出并发布，这个版本的名字叫做 ES11。本文将从以下几个方面，详细介绍 ES11 的变化。
变量定义
const 空值
在 ES11 之前，const 关键字是必须要有一个初始值的。ES11 新增了 const 空值，它允许你在一个 const 变量声明时不需要提供一个初始值。
示例代码：
const printTitle;
try {
console.log(printTitle);
} catch (e) {
console.log(e);
} // Identifier 'printTitle' has already been declared内置可绑定函数
在 ES11 之前，声明内置类型的函数是很困难的。ES11 新增了两个内置类型的函数：BigInt 和 Symbol。
示例代码：
const a = 123n;
const b = Symbol('description');异步操作
Promise.allSettled
Promise.allSettled 确保所有的 Promise 状态都被改变，如果有一个 Promise 被 rejected 也不会中断整个操作。
示例代码：
-- -------------------- ---- ------- ----- -------- - - --------------------------- ------------------------ --------------------------- -- ---------------------------- ------------- -- ---------------------- -- ----------------------------- -- ------------ ----------- -----------
Promise.any
Promise.any 获得多个 Promise 返回的结果，并返回一个由 Promise 对象组成的数组。只要有一个 Promise 被 fulfilled，整个操作就会结束。
示例代码：
-- -------------------- ---- ------- ----- -------- - - --------------------- ---- ------------------------ ---- ------------------------ ---- --------------------- ---- -- --------------------- ----------- -- -------------------- -- -------- --
字符串操作
matchAll
String.prototype.matchAll 方法可以将一个字符串和多个正则表达式匹配，并返回一个包含所有匹配的结果的迭代器。它的返回值是，每个匹配返回一个对象。
示例代码：
-- -------------------- ---- ------- ----- ----- - --------- ----- ------ - --------- ----- ------- - ----------------------------------- --------------------- -- -------------------- -- --- ---- ------ -- ------ --------- ------- ---------- -- --- ---- ------ -- ------ --------- ------- ---------- -- --- ---- ------ -- ------ --------- ------- ----------
replaceAll
String.prototype.replaceAll 方法可以将一个字符串中的所有匹配部分替换成一个新的子字符串。不同于 replace 方法，这个新方法返回一个新字符串而不是修改原始字符串。
示例代码：
const string = 'meet me at sunset';
const newString = string.replaceAll('meet', 'find');
console.log(newString);
// "find me at sunset"数组操作
fromEntries
Object.fromEntries 方法接受一个包含键值对的数组并返回一个对象。相反，Array.fromEntries 方法接受一个包含键值对的数组，并将其转换成一个对象。
示例代码：
const array = [['key', 'value-A'], ['key_2', 'value-B']];
const newObject = Object.fromEntries(array);
console.log(newObject);
// {key: "value-A", key_2: "value-B"}
const newEntries = Object.entries(newObject);
console.log(newEntries);
// [ [ 'key', 'value-A' ], [ 'key_2', 'value-B' ] ]数组 partition
预期的结果是将一个数组划分为两个数组：满足条件和不满足条件的元素的数组。在 ES11 中，数组提供了 partition 方法来完成这个任务。
示例代码：
const numbers = [3, 1, 4, 1, 6, 5]; const [even, odd] = numbers.partition(n => n % 2 === 0); console.log(even, odd); // [4, 6] [3, 1, 1, 5]
结论
本文介绍了 ES11 的变化，包括变量定义、异步操作、字符串操作和数组操作。不同于 ES6 到 ES10，ES11 中新增的内容不是很多，但它们仍然是非常实用的变化。这些变化可以将开发者从不必要的麻烦中解放出来，提高编写代码的效率。如果你想要深入了解 JavaScript，ES11 的变化是值得学习和掌握的。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6716e443ad1e889fe21e8817