Generator和async/await：全面解析JavaScript异步编程利器

2023-11-06 07:51:55

Generator是JavaScript中的一种特殊函数，它可以生成一个遍历器对象，然后通过next()方法来遍历其中的值。Generator函数使用function*定义，并且在函数体中使用yield关键字来生成值。例如：

function* generateSequence(start, end) {
  for (let i = start; i <= end; i++) {
    yield i;
  }
}

const sequence = generateSequence(1, 10);

for (const value of sequence) {
  console.log(value);
}

上面的代码中，generateSequence是一个Generator函数，它使用yield关键字生成了从1到10的序列。然后，sequence变量存储了生成的遍历器对象。最后，使用for-of循环遍历sequence对象，并将每个值打印到控制台。

async/await是ES8中引入的异步编程语法，它允许开发人员使用同步的方式编写异步代码。async函数使用async关键字定义，并且在函数体中使用await关键字来等待异步操作完成。例如：

async function fetchUserData(userId) {
  const response = await fetch(`https://api.example.com/users/${userId}`);
  const data = await response.json();
  return data;
}

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