让你眼前一亮的JavaScript高级语法指南（下）

2023-10-10 12:37:29

大家好，欢迎来到JavaScript高级语法指南的第二部分。在第一部分中，我们介绍了对象属性、Symbol和代理。在这一部分中，我们将继续学习迭代器、Generator、异步编程、Promise和错误处理。

4. 迭代器

迭代器是一种可以顺序访问集合中元素的对象。它提供了一种简单的方法来遍历集合中的所有元素，而无需显式地使用循环。

为了创建一个迭代器，可以使用Symbol.iterator方法。该方法返回一个对象，该对象实现了next方法。next方法返回一个包含当前元素和done属性的对象。done属性是一个布尔值，指示迭代器是否已经到达集合的末尾。

const myArray = [1, 2, 3];

const iterator = myArray[Symbol.iterator]();

while (true) {
  const result = iterator.next();

  if (result.done) {
    break;
  }

  console.log(result.value);
}

这段代码创建一个数组myArray的迭代器，然后使用while循环来遍历数组中的所有元素。

5. Generator

Generator是一种特殊的函数，它可以暂停执行并返回一个值。然后，可以从暂停的位置继续执行函数。

为了创建一个Generator，可以使用function*语法。function*函数与普通函数类似，但它使用yield来暂停执行并返回一个值。

function* myGenerator() {
  yield 1;
  yield 2;
  yield 3;
}

const generator = myGenerator();

console.log(generator.next().value); // 1
console.log(generator.next().value); // 2
console.log(generator.next().value); // 3

这段代码创建一个Generator函数myGenerator，该函数使用yield关键字来暂停执行并返回一个值。然后，可以使用generator.next()方法来从暂停的位置继续执行函数。

6. 异步编程

异步编程是一种允许程序在等待I/O操作（如网络请求）完成时继续执行的编程范例。这使得程序可以更加高效地利用CPU时间。

在JavaScript中，可以使用async和await关键字来编写异步代码。async关键字用于声明一个异步函数，await关键字用于等待一个异步操作完成。

async function myAsyncFunction() {
  const response = await fetch('https://example.com');
  const data = await response.json();

  return data;
}

myAsyncFunction().then(data => {
  console.log(data);
});