值得一看的 ECMAScript 2018 (ES9) 新特性总结-JavaScript中文网-JavaScript教程资源分享门户

前言

ECMAScript 2018 (ES9) 是 JavaScript 的一个新版本，包含了一些新的特性和语法糖，让开发者能够更加方便地编写高效的代码。本文将介绍 ES9 的一些新特性，希望能够帮助读者更好地了解和学习 JavaScript。

ES9 的新特性

1. 异步迭代器

ES9 引入了异步迭代器，使得开发者可以更加方便地处理异步数据。在异步迭代器中，使用 Symbol.asyncIterator 来定义一个异步迭代器对象，并使用 await 关键字来处理异步数据。

// www.javascriptcn.com code example
const asyncIterable = {
  [Symbol.asyncIterator]() {
    let i = 0;
    return {
      async next() {
        if (i < 3) {
          return { value: i++, done: false };
        }

        return { value: undefined, done: true };
      }
    };
  }
};

(async function() {
  for await (const num of asyncIterable) {
    console.log(num);
  }
})();

上述代码中，我们定义了一个异步迭代器对象 asyncIterable，并使用 for await...of 循环来遍历异步数据。当 asyncIterable 返回 done 为 true 时，循环结束。

2. Promise.prototype.finally()

Promise.prototype.finally() 方法可以在 Promise 完成后执行一些代码，无论 Promise 是成功还是失败。这个方法可以用来清理资源或者执行一些必要的操作。

// www.javascriptcn.com code example
Promise.resolve('成功')
  .then(result => console.log(result))
  .catch(error => console.log(error))
  .finally(() => console.log('Promise 执行结束'));

Promise.reject('失败')
  .then(result => console.log(result))
  .catch(error => console.log(error))
  .finally(() => console.log('Promise 执行结束'));

上述代码中，我们使用 Promise.resolve() 和 Promise.reject() 方法分别创建了成功和失败的 Promise，然后使用 then() 和 catch() 方法处理 Promise 的结果。最后，使用 finally() 方法清理资源。

3. Rest/Spread 属性

ES9 引入了 Rest/Spread 属性，使得开发者能够更加方便地操作对象和数组。Rest 属性可以用来获取对象或者数组中的剩余元素，Spread 属性可以用来将一个对象或者数组展开。

// www.javascriptcn.com code example
// Rest 属性
const obj = { a: 1, b: 2, c: 3 };
const { a, ...rest } = obj;
console.log(rest); // { b: 2, c: 3 }

const arr = [1, 2, 3, 4, 5];
const [x, y, ...rest] = arr;
console.log(rest); // [3, 4, 5]

// Spread 属性
const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, d: 4 };
const obj3 = { ...obj1, ...obj2 };
console.log(obj3); // { a: 1, b: 2, c: 3, d: 4 }

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const arr3 = [...arr1, ...arr2];
console.log(arr3); // [1, 2, 3, 4, 5, 6]

上述代码中，我们使用 Rest 属性获取了对象和数组中的剩余元素，并使用 Spread 属性将多个对象和数组合并成一个。

4. 正则表达式命名捕获组

ES9 引入了正则表达式命名捕获组，使得开发者能够更加方便地处理正则表达式匹配结果。在命名捕获组中，使用 (?<name>...) 的语法来定义一个命名捕获组。

const re = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const result = re.exec('2022-01-01');
console.log(result.groups.year); // 2022
console.log(result.groups.month); // 01
console.log(result.groups.day); // 01

上述代码中，我们使用命名捕获组来匹配一个日期字符串，并使用 result.groups 属性获取匹配结果。

5. 其他新特性

除了上述的特性之外，ES9 还引入了一些其他的新特性，如：

Object.fromEntries() 方法，可以将一个二维数组转换成一个对象。
String.prototype.trimStart() 和 String.prototype.trimEnd() 方法，可以去除字符串开头和结尾的空格。
Symbol.prototype.description 属性，可以获取 Symbol 对象的描述信息。

结语

ES9 引入了一些新的特性和语法糖，使得开发者能够更加方便地编写高效的代码。本文介绍了 ES9 的一些新特性，希望能够帮助读者更好地了解和学习 JavaScript。

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

值得一看的 ECMAScript 2018 (ES9) 新特性总结

前言