随着前端技术的不断发展和更新，JavaScript 也在不断地更新迭代。ES11 作为当前最新的 JavaScript 版本，新增了许多有趣且实用的语言特性。本篇文章将介绍 ES11 中的一些重要特性，并提供详细的示例代码，帮助读者更好地理解和掌握这些新特性。
1. 可选链操作符
在 JavaScript 中，访问嵌套对象的属性时，如果中间的对象为空或者不存在，那么访问该属性就会导致运行时错误。ES11 新增了可选链操作符（?），可以方便地避免这种错误。
示例代码：
-- -------------------- ---- -------
----- --- - -
------ -
------ -
------ -------
-
-
--
-- ----
-- ---- -- --------- -- --------------- -- ---------------------- -
-----------------------------------
-
-- --------
--------------------------------------2. 空值合并操作符
在 JavaScript 中，有时候需要判断某个变量是否为空或者未定义，如果为空或者未定义，就使用一个默认值。ES11 新增了空值合并操作符（??），可以方便地实现这个功能。
示例代码：
-- -------------------- ---- ------- ----- ------ - ----- ----- ------ - ---------- ----- ------ - --- ----- ------ - -- ------------------ -- ----------- -- --------- ------------------ -- ----------- -- --------- ------------------ -- ----------- -- -- ------------------ -- ----------- -- -
3. Promise.allSettled()
在 JavaScript 中，Promise.all() 方法可以等待多个 Promise 对象全部执行完毕后再执行后续操作。但是，如果其中有一个 Promise 对象出现了错误，Promise.all() 就会立即终止执行。ES11 新增了 Promise.allSettled() 方法，可以等待所有 Promise 对象执行完毕，不管是否出现错误，都会返回一个状态数组。
示例代码：
-- -------------------- ---- ------- ----- -------- - ------------------------- ----- -------- - ------------------------ ----- -------- - ------------------------- ----------------------------- --------- ----------------------- -- - --------------------- --- -- --- -- - -- -------- ------------ ------ --------- -- -------- ----------- ------- --------- -- -------- ------------ ------ -------- -- -
4. String.prototype.matchAll()
在 JavaScript 中，String.prototype.match() 方法可以匹配字符串中的正则表达式，并返回匹配结果。但是，它只能返回第一个匹配结果。ES11 新增了 String.prototype.matchAll() 方法，可以返回所有的匹配结果。
示例代码：
-- -------------------- ---- ------- ----- --- - ------ ------- ----- ----- - ---------------- ----- ------- - -------------------- --- ------ ----- -- -------- - ------------------- - -- --- -- ------- ------- -------- --------
5. 动态导入
在 JavaScript 中，如果需要导入一个模块，必须在代码中静态地指定模块的路径。ES11 新增了动态导入语法，可以在运行时动态地导入模块。
示例代码：
async function loadModule(modulePath) {
const module = await import(modulePath);
return module;
}
loadModule('./module.js').then(module => {
console.log(module);
});总结
ES11 中新增的这些特性，为我们提供了更加便捷、高效、安全的编程方式。我们应该善于利用这些特性，提高自己的编程效率和代码质量。同时，也要注意在项目中适度地使用这些特性，避免过度依赖和滥用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65c2262fadd4f0e0ffc17f7c