JavaScript一直在快速发展和演变，随着ECMAScript标准的不断更新，每年都会有新的功能和特性被引入。在本文中，我将介绍三个最令人兴奋和值得期待的JavaScript新功能，并提供详细的示例代码。
1. 可选链操作符
可选链操作符是一个简单但强大的功能，它允许我们简化复杂的嵌套对象或数组属性的访问，而无需担心对象或属性是否存在。在以前的JavaScript版本中，如果我们尝试访问未定义或不存在的属性，会导致类型错误或运行时错误，这可能会打破整个应用程序。使用可选链操作符，我们可以安全地访问存在或不存在的属性或方法。这是一个非常有用的功能，尤其是在处理嵌套的数据结构时。
以下是一个示例，演示了如何使用可选链操作符：
--- --- - -
------ -
------ -
------ ------ -------
-
-
--
-- ---------
--- ------ - -------------------------
-------------------- -- --------- -------
-- ----------
--- ------- - -------------------------
--------------------- -- ------------在上面的示例中，我们使用了可选链操作符?.来访问嵌套对象的属性。如果属性不存在，则不会抛出类型错误或运行时错误，而是返回undefined。
2. 空值合并运算符
空值合并运算符是另一个非常实用的JavaScript新功能，它使我们能够设置默认值，以防变量为null或undefined。在以前的JavaScript版本中，我们必须手动检查变量是否为null或undefined，然后设置默认值。但使用空值合并运算符，我们可以将这些步骤合并成一条语句。
以下是一个示例，演示了如何使用空值合并运算符：
--- ---- - ----- --- ------ - ---- -- ----- ----- -------------------- -- -------- ---- --- --- - ---------- --- ------- - --- -- --- --------------------- -- -----
在上面的示例中，我们使用了空值合并运算符??来设置默认值。如果变量name或age为null或undefined，则返回指定的默认值。
3. Promise.allSettled
Promise.allSettled是Promise API的一个新成员，它允许我们处理多个Promise对象，并等待它们全部完成（无论成功还是失败）。与Promise.all不同，Promise.allSettled不会提前终止，即使其中某个Promise被拒绝或拒绝，它也会继续等待其他Promise对象的状态。
以下是一个示例，演示了如何使用Promise.allSettled：
--- -------- - ----------------------------
--- -------- - -------------------------
----------------------------- ----------
------------- -- -
---------------------- -- ----------------------------
---在上面的示例中，我们创建了两个Promise对象：一个成功的Promise和一个拒绝的Promise。然后，我们使用Promise.allSettled来处理这两个Promise并等待它们全部完成。最后，我们遍历结果数组并输出每个Promise对象的状态。
结论
JavaScript一直在不断发展和演变，每年都会有新功能和特性被引入。本文介绍了三个最令人兴奋和值得期待的JavaScript新功能：可选链
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/35627