随着 Web 技术的不断发展，JavaScript 作为前端开发的核心语言，也在不断更新和完善。最近，ES11 和 ES12 两个版本相继发布，带来了一些新特性，让我们的 JavaScript 代码更加优雅和高效。本文将介绍这些新特性，并提供相应的示例代码，以便读者更好地理解和学习。
1. Optional Chaining
Optional Chaining 是 ES11 中引入的新特性，可以让我们更加方便地访问对象的属性。在以往的版本中，如果要访问一个对象的属性，需要先判断该属性是否存在，再进行访问。例如：
if (obj && obj.prop && obj.prop.innerProp) {
// do something
}而现在，使用 Optional Chaining，可以将上面的代码简化为：
if (obj?.prop?.innerProp) {
// do something
}其中，问号表示如果该属性存在，则访问该属性；否则返回 undefined。这样，就可以避免因为属性不存在而引起的错误。
2. Nullish Coalescing
Nullish Coalescing 也是 ES11 中引入的新特性，用于处理 null 或 undefined 值。在以往的版本中，如果要为一个变量赋默认值，需要使用 || 运算符，如下所示：
let value = input || 'default';
但是，如果 input 的值为 false、0 或空字符串等 falsy 值，则会将 'default' 赋给 value，这显然不是我们想要的结果。现在，使用 Nullish Coalescing，可以将上面的代码简化为：
let value = input ?? 'default';
其中，双问号表示如果 input 的值为 null 或 undefined，则返回 'default'。这样，就可以避免因为 falsy 值而赋错默认值的问题。
3. Private Class Fields
Private Class Fields 是 ES12 中引入的新特性，可以让我们更加方便地定义类的私有属性和方法。在以往的版本中，要定义私有属性和方法，需要使用一些技巧，如下所示：
class MyClass {
constructor() {
this._privateField = 0;
}
_privateMethod() {
// do something
}
}在上面的代码中，私有属性和方法都以 _ 开头，表示只能在类的内部访问。但是，这种方式并不是真正意义上的私有，因为仍然可以通过实例对象访问。现在，使用 Private Class Fields，可以将上面的代码简化为：
class MyClass {
#privateField = 0;
#privateMethod() {
// do something
}
}其中，# 表示私有属性和方法，只能在类的内部访问。这样，就可以真正地实现类的私有属性和方法。
4. Promise.allSettled
Promise.allSettled 是 ES12 中引入的新特性，可以让我们更加方便地处理多个 Promise 的状态。在以往的版本中，如果要同时处理多个 Promise 的状态，需要使用 Promise.all，如下所示：
Promise.all([promise1, promise2, promise3])
.then(results => {
// do something
})
.catch(error => {
// do something
});但是，如果其中一个 Promise 失败，就会进入 catch 分支。现在，使用 Promise.allSettled，可以将上面的代码简化为：
Promise.allSettled([promise1, promise2, promise3])
.then(results => {
// do something
});其中，Promise.allSettled 返回一个数组，包含所有 Promise 的状态，无论成功还是失败。这样，就可以更加方便地处理多个 Promise 的状态。
5. String.prototype.replaceAll
String.prototype.replaceAll 是 ES12 中引入的新特性，可以让我们更加方便地替换字符串。在以往的版本中，如果要替换字符串，需要使用正则表达式或 replace 方法，如下所示：
str.replace(/foo/g, 'bar');
str.replace('foo', 'bar');但是，如果要替换所有的匹配项，需要使用正则表达式或全局标志。现在，使用 String.prototype.replaceAll，可以将上面的代码简化为：
str.replaceAll('foo', 'bar');其中，replaceAll 方法会替换所有的匹配项。这样，就可以更加方便地替换字符串。
总结
ES11 和 ES12 的新特性，为我们的 JavaScript 代码带来了更加优雅和高效的写法。其中，Optional Chaining 和 Nullish Coalescing 可以让我们更加方便地处理对象和 null 或 undefined 值；Private Class Fields 可以让我们更加方便地定义类的私有属性和方法；Promise.allSettled 可以让我们更加方便地处理多个 Promise 的状态；String.prototype.replaceAll 可以让我们更加方便地替换字符串。希望本文对读者能够有所启发，并在实际开发中加以应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65ceb48eadd4f0e0ff7fc182