JavaScript 2018 中即将迎来的新功能

下面是对于JavaScript 2018即将迎来的新功能的详细讲解攻略。

异步迭代器

异步迭代器是 JavaScript 2018 中新增的一个比较重要的功能，这一功能可以让 Web 开发变得更加简单和高效，它的特点是可以同时迭代多个异步对象，实现对它们的并发处理。在之前的版本中，迭代器只支持同步迭代，异步操作如果要迭代需要使用 Generator 或回调函数的方式。

下面是异步迭代器的一种使用示例：

async function getData() {
  const dataUrls = [
    'https://jsonplaceholder.typicode.com/todos/1',
    'https://jsonplaceholder.typicode.com/todos/2',
    'https://jsonplaceholder.typicode.com/todos/3'
  ];

  for await (const dataUrl of dataUrls) {
    const response = await fetch(dataUrl);
    const data = await response.json();
    console.log(data);
  }
}

getData();

本示例通过使用 for await ... of 循环语句来遍历数据 URL 列表，并通过 fetch() API 异步获取数据，最后通过 response.json() 方法将其转换为 JavaScript 对象对象，并输出到控制台。总的来说，异步迭代器的使用使得编写异步并发代码变得更加方便。

Promise Finally

Promise Finally 是另一个重要的新增功能，它可以在 Promise 结束时执行一段预定义的代码块，无论是成功还是失败。这对于在 Promise 完成时进行资源清理等操作非常有用，减少了代码复杂度。

下面是 Promise Finally 的一种使用示例：

const fetchData = new Promise((resolve, reject) => {
  const isDataAvailable = false;

  if (isDataAvailable) {
    resolve('Data is available');
  } else {
    reject('Data is not available');
  }
});

fetchData
  .then((data) => {
    console.log(data);
  })
  .catch((error) => {
    console.error(error);
  })
  .finally(() => {
    console.log('Fetching data completed');
  });

在本示例中，Promise 对象 fetchData 中的状态是拒绝，因为 isDataAvailable 被设置为 false。在 catch() 回调函数中打印异常信息，并在 finally() 回调函数中输出 'Fetching data completed'。通过使用 Promise Finally，我们可以轻松地执行清理或日志代码块，而无需在每个 .then() 和 .catch() 方法中再次编写相同的代码块。

以上就是 JavaScript 2018 中即将迎来的新功能的详细攻略了。