js代码-await 执行顺序

在JavaScript中，`await`关键字是异步编程的重要组成部分，特别是在使用async/await语法时。这个语法模式使得处理异步操作更加简洁，看起来就像是同步代码一样。`await`关键字用于等待一个Promise对象完成，然后返回Promise的结果。让我们深入探讨一下`await`的执行顺序以及它如何与async函数协同工作。 `await`只能在`async`函数内部使用。`async`函数定义了一个返回Promise的函数。当执行到`await`语句时，执行流会暂停，直到Promise解析（resolve）或拒绝（reject）。如果`await`后面跟着的是非Promise值，它会被包装成一个立即解析的Promise。 例如，假设我们有以下`main.js`中的代码： ```javascript async function asyncOperation() { console.log('开始'); const result = await promiseOperation(); console.log('结束', result); } function promiseOperation() { return new Promise((resolve) => { setTimeout(() => { resolve('异步结果'); }, 1000); }); } asyncOperation(); ``` 在这个例子中，`asyncOperation`是一个`async`函数，其中包含一个`await`语句。当调用`asyncOperation`时，`console.log('开始')`会立即执行，因为这是同步代码。然后，`await promiseOperation()`会启动一个异步操作，但不会阻塞执行流。`promiseOperation`返回一个Promise，该Promise在1秒后解析。因此，`console.log('结束', result)`会在Promise解析后执行，即1秒后打印出'结束'和异步操作的结果。 `await`的执行顺序是这样的： 1. 遇到`await`，检查其后的表达式是否为Promise。 2. 如果是Promise，暂停当前`async`函数的执行，让控制权返回给调用者。 3. 当Promise解析或拒绝时，恢复`async`函数的执行，并将Promise的结果赋予`await`后面的变量。 4. 如果Promise被拒绝，`await`会抛出一个错误，除非有`try/catch`块来捕获它。 需要注意的是，`await`后面的Promise如果在当前事件循环中已经解析，那么`await`表达式的结果就会在当前事件循环的末尾得到。如果Promise尚未解析，那么它将在解析时恢复`async`函数的执行。 `await`的另一个关键特性是它可以与其他异步操作并行执行。如果你有多个`await`语句，它们可以同时运行，只要它们的Promise不相互依赖： ```javascript async function parallelOperations() { const result1 = await promise1(); const result2 = await promise2(); // ... } ``` 在这个例子中，`promise1`和`promise2`可以同时运行，因为它们互不影响。一旦它们都解析，`result1`和`result2`就会得到相应的值。 `await`关键字是JavaScript异步编程的强大工具，它简化了Promise链的管理，使代码更易读、更易维护。通过理解`await`的执行顺序和工作原理，我们可以更好地编写高效的异步代码。在实际项目中，合理利用`await`能够有效提升代码的可读性和可维护性，降低回调地狱带来的复杂性。