async await和yield

async/await 和 yield 都是用于处理异步编程的语法糖，它们的主要区别在于：

1. async/await 是 ES2017 引入的语法，而 yield 是 ES6 引入的语法。
2. async/await 更加直观易懂，代码可读性更好，而 yield 的语义比较难以理解。
3. async/await 可以像同步代码一样使用 try/catch 进行错误处理，而 yield 需要使用 co 库等工具进行错误处理。

下面是一个使用 async/await 处理异步请求的例子：

async function fetchData() {
  try {
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error(error);
  }
}

相关问题

手写async和await

手写async和await的实现可以通过使用generator函数和Promise来实现。首先，我们可以将async函数转换为一个generator函数。然后，我们可以编写一个自动执行的函数来处理generator函数中的yield语句，并使用Promise来处理异步操作。

以下是一个手写的async和await的示例代码：

function asyncToGenerator(generatorFunc) {
  return function () {
    const iterator = generatorFunc.apply(this, arguments);

    return new Promise((resolve, reject) => {
      function step(key, arg) {
        let generatorResult;
        try {
          generatorResult = iterator[key](arg);
        } catch (error) {
          reject(error);
          return;
        }
        const { value, done } = generatorResult;

        if (done) {
          resolve(value);
        } else {
          return Promise.resolve(value).then(
            (val) => step("next", val),
            (err) => step("throw", err)
          );
        }
      }

      step("next");
    });
  };
}

const getData = () => new Promise((resolve) => setTimeout(() => resolve("data"), 1000));

const test = asyncToGenerator(function* testG() {
  const data = yield getData();
  console.log('data: ', data);
  const data2 = yield getData();
  console.log('data2: ', data2);
  return 'success';
});

test().then(res => console.log(res));

在这个示例中，我们定义了一个名为`asyncToGenerator`的函数，它接受一个generator函数作为参数，并返回一个包装了Promise的自动执行函数。

在`test`函数中，我们使用`yield`关键字来暂停执行，并使用`getData`函数返回的Promise来处理异步操作。当Promise resolve后，generator函数会继续执行，并将结果传递给下一个yield语句。

最后，我们使用`.then`方法来处理test函数的返回值。

这样，我们就实现了一个手写的async和await的功能。注意，这只是一个简化的实现，真正的async和await功能更为复杂，包含更多的特性和错误处理机制。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [手写async await的最简实现（20行搞定）！阿里字节面试必考](https://blog.csdn.net/xgangzai/article/details/106536325)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
- *2* [手写async await的以及深度挖掘（一挖到底）](https://blog.csdn.net/JIANYMN/article/details/123229551)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

async await done()

async/await是JavaScript中处理异步操作的一种方式。它是基于Promise的语法糖，可以使异步代码更加简洁和易读。

在使用async/await之前，我们先来了解一下Generator函数。Generator函数是ES6引入的一种特殊函数，它可以通过yield关键字来暂停函数的执行，并返回一个可迭代的对象。通过调用next()方法，可以继续执行Generator函数，并返回下一个yield语句的值。

async函数是一个返回Promise对象的函数。在函数内部，可以使用await关键字来暂停函数的执行，等待Promise对象的状态变为resolved（已完成）后再继续执行。使用async函数可以使异步代码看起来像同步代码，提高代码的可读性。

下面是一个使用async/await处理异步操作的示例：

function delay(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

async function asyncFunction() {
  console.log('Start');
  await delay(2000); // 等待2秒
  console.log('End');
}

asyncFunction();

在上面的示例中，delay函数返回一个Promise对象，通过await关键字等待2秒后，再继续执行后面的代码。运行上述代码，会先输出"Start"，然后等待2秒后输出"End"。

在Node.js中，async/await也可以用于简化处理callback或Promise的异步操作。通过将异步操作封装成Promise对象，然后在async函数中使用await关键字等待Promise对象的完成，可以使异步代码更加简洁和易读。