ECMA 新增 ES11 和 ES12 标准特性-JavaScript中文网-JavaScript教程资源分享门户

ECMA Script 是一种被广泛使用的脚本语言，而 ES11 和 ES12 是 ECMA 新增的两个标准技术。这两个标准特性对前端开发来说是非常重要的，在本篇文章中，我们将深入了解 ES11 和 ES12 的特性，并提供一些实用的指导和示例代码。

ES11 新特性

可选的 catch 绑定

在以前的版本中，如果要捕获异常，就必须在 catch 块中绑定一个变量。ES11 引入了可选的 catch 绑定，使得开发人员可以省略捕获异常时绑定错误对象的步骤。

try {
    // code
} catch {
    // handle error
}

String.prototype.replaceAll() 方法

ES11 引入了 String.prototype.replaceAll() 方法，该方法可以将字符串中所有匹配指定参数的子串全部替换为新的字符串。

const str = "apple,banana,apple,orange";
const newStr = str.replaceAll("apple", "kiwi");
console.log(newStr); // "kiwi,banana,kiwi,orange"

新的逻辑操作符

ES11 引入了一些新的逻辑操作符，并且可以在短路时快速退出。例如，我们可以使用 ?? 操作符来检查变量是否为空或 undefined。

const foo = null ?? "default";  // "default"

私有字段和方法

ES11 引入了一些新的类访问控制方式，包括私有字段和私有方法。使用 # 符号来定义私有字段和方法。

-- -------------------- ---- -------
----- --------- -
  ------------- - ---

  ---------------- -
    ------ -------------------
  -

  -------------- -
    ------ ----------------------
  -
-

ES12 新特性

Promise.any()

Promise.any() 方法会在多个 Promise 中任何一个 Promise 完成时返回。如果所有 Promise 都没有解决，它将返回一个 AggregateError 对象，其包含所有 Promise 的 Error。这个方法将 Promise 链的执行效率提高了很多。

const promises = [
  Promise.reject('Error 1'),
  Promise.resolve('Success 1'),
  Promise.reject('Error 2')
];

await Promise.any(promises); // 'Success 1'

WeakRef 和 FinalizationRegistry

WeakRef 类型的对象是一种能够跟踪一个对象的引用并提供它的状态信息的新类型。使用 WeakRef 类型的对象可以搭配 FinalizationRegistry 类型的对象实现类似垃圾回收的机制，从而释放一些不再需要的内存，避免内存泄漏。

const obj = { foo: 42 };
const weakRef = new WeakRef(obj);
console.log(weakRef.deref()); // { foo: 42 }
obj = null;
console.log(weakRef.deref()); // null

可选链 ?. 和空值合并运算符 ??=

可选链 ?. 和空值合并运算符 ??= 是 ES12 中非常受欢迎的两个特性。使用可选链 ?., 我们可以在不进行繁琐的 null/undefined 检查的情况下读取嵌套对象的属性。而空值合并运算符 ??= 使得我们可以给未定义的变量、属性和参数提供默认值。

-- -------------------- ---- -------
----- --- - -
  ------ -
    ------ -
      ------ --
    -
  -
--
----- ----- - ----------------------- -- ----------
------------------- -- --

--- --
- --- ----------
--------------- -- ---------

结论

ES11 和 ES12 提供了许多新的特性和功能，大大简化了开发人员的工作，并提高了代码的质量和效率。在开始使用这些新特性之前，请确保您的开发环境已经支持它们。我们可以从官方文档中获取更多的信息，并阅读真实的示例代码。始终记住，技术的力量在于其引导您最好的理解和解决问题的能力。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/67319b0c0bc820c582396d2d