为了不断完善 JavaScript 编程语言，ECMA 国际组织已于2018年发布了 ECMAScript 2018 标准（ES9），其中包含了一些新特性。这些特性不仅使我们能够更好地使用 JavaScript，而且有助于代码效率和易读性的提高。本篇文章将向您介绍 ECMAScript 2018 的新特性，包括具有深度和学习、指导意义的内容。
共享用于 Web Workers 的共享数组和内存
JavaScript 是单线程语言，这就意味着它一次只能处理一项任务。然而，Web Workers 允许 JavaScript 在后台线程中执行，并使浏览器可以同时处理多个任务。在 ECMAScript 2018 中，我们引入了共享内存和 TypedArray 视图的概念，以允许多个 Web Workers 处理相同的共享数据。这不仅使多线程开发的并发性更好，也提高了代码的效率。
下面是一个简单的示例，演示了如何在主线程和Web Workers之间共享数字数组：
-- -------------------- ---- ------- -- ---- ----- --- - --- ------------------- - ------------------------------ -- -- ---- -- ----- ---- - --- ---------------- -- ------- ------- - --- -- -- ------ ----- ------ - --- ------------------- -- -- ----------- - ------ -------- ------------------------- -------
worker.js:
onmessage = ({data: {arr}}) => {
const view = new Int32Array(arr);
console.log(view[0]); // 42
};在以上示例中，主线程创建了带有初始值的共享数组（Int32Array），并分配给一个view实例。然后通过 postMessage 向 worker 传递了共享内存的引用。Worker 也创建了一个与数组共享内存部分的 Int32Array 视图，并通过共享内存访问该数据。在 worker 中读取的值是 42，并且与主线程访问的数据相同。
正则表达式命名捕获组
在 ECMAScript 2018 中，我们可以在正则表达式中使用命名捕获组，使代码更易于阅读和理解。正则表达式经常用于从字符串中提取信息，但是当我们尝试处理较复杂的字符串时，传统的正则表达式代码变得难以维护。
下面是一个演示了 ECMAScript 2018 中正则表达式命名捕获组的示例：
const str = '2018-11-30';
const re = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const result = re.exec(str);
console.log(result.groups.year); // '2018'
console.log(result.groups.month); // '11'
console.log(result.groups.day); // '30'该示例使用命名捕获组为正则表达式中的每个捕获组命名。可以看到，在调用re.exec (str)时，捕获组的结果存储在一个对象中，groups属性加上组名，我们可以使用方括号来访问任意命名组的值。使用命名捕获组可以帮助我们清晰地看到代码的实际目的，提高代码的可读性。
异步迭代
ES9 引入了异步生成器和一些新的迭代器方法，可以轻松地处理异步迭代操作。在过去，我们需要使用回调函数或 Promise，才能处理此类异步任务。
以下是演示了如何使用异步迭代的示例：
-- -------------------- ---- -------
----- --------- ---------------- -
----- --- --------------- -- ------------------- -------
----- --
----- --
-
------ ---------- -
--- ----- ------ --- -- ----------------- -
-----------------
-
-----在这个例子中，我们定义了一个异步生成器函数，然后使用 for await...of 循环来遍历异步生成器对象中的值，从而获取剩余的每个值。在循环体的每次迭代中，我们执行一个Promise并等待它完成，然后使用yield暂停生成器。
这是一个强大又清晰的代码结构，使我们能够避免回调地狱和 Promise 链式操作。
对象扩展
ECMAScript 2018 还提供了一些新的对象扩展，可以提高代码的效率和易读性。以下是其中的几种常见用法。
对象扩展符
对象扩展符允许我们将一个对象的所有属性和方法快速地在另一个对象中合并，而不需要复制每个属性和方法。
以下是示例：
const obj1 = {a: 1, b: 2};
const obj2 = {...obj1, c: 3};
console.log(obj2); // {a: 1, b: 2, c: 3}在以上示例中，obj2 中包含了 obj1 的所有属性和方法，还包括新的属性 c。使用对象扩展符可以快速地创建新的对象，并从现有的对象中复制属性和方法。
对象方法的函数名推导
在 ES9 中我们可以推导对象方法的函数名，从而简化代码。
以下是示例：
-- -------------------- ---- -------
----- ------ - -
---------- -------
--------- ------
--- ---------- -
------ ------------------ -----------------
--
--- -------------- -
---------------- -------------- - ------------ ---
-
--
----------------------------- -- ----- ----
--------------- - ---- -------
------------------------------ -- -----
----------------------------- -- -------在这个例子中，我们定义了一个名为 fullName 的访问器属性，我们可以直接通过对象属性的方式来查看值 person.fullName 或者来更新对象属性。这种方式使得代码的可读性更好，同时也使得开发者可以减少函数名的定义。
总结
ECMAScript 2018（ES9）包含了一些有用的新特性，使得我们能够更好地管理和处理 JavaScript 中的多个问题。从共享内存和迭代，到正则表达式的命名捕获组和对象扩展，这些新特性可以帮助我们编写更简洁、更可读和更高效的 JavaScript 代码。在未来的开发过程中，合理评估和使用这些特性，将使代码更加优秀。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f30b74f6b2d6eab3c8f106