await 与其他普通代码的执行顺序

在讨论await与其他普通代码的执行顺序时，我们通常指的是在异步编程中，特别是在使用异步/await语法进行JavaScript编程时的情况。异步编程允许程序在等待某些异步操作完成的同时继续执行其他任务，而不会阻塞整个程序的执行。

以下是关于await与其他普通代码执行顺序的一些基本概念：

1.异步函数与await： await关键字只能在异步函数中使用。异步函数是使用async关键字声明的函数。当在异步函数中使用await关键字时，它会等待一个返回Promise对象的异步操作完成，并且暂停函数的执行，直到该Promise对象解析（或拒绝）为止。在等待的过程中，其他代码可以继续执行。

2.非阻塞执行： await关键字的存在使得代码可以以非阻塞方式执行。这意味着当遇到await时，JavaScript引擎可以暂停当前函数的执行，并在等待的同时执行其他可以执行的任务，从而提高程序的并发性和响应性。

3.顺序执行： 尽管await可以让异步操作看起来像同步操作一样，但在异步函数内部，await之前的代码会按照顺序执行，而await之后的代码会在等待的异步操作完成后才会继续执行。

4.事件循环： JavaScript使用事件循环来管理异步操作的执行。事件循环是一种机制，用于调度和执行各种任务，包括定时器、异步函数以及其他事件。await的存在允许事件循环在等待异步操作完成时继续处理其他任务。

下面是一个简单的例子来说明await与其他普通代码的执行顺序：

async function fetchData() {

  console.log("Start fetching data");

  const response = await fetch("https://api.example.com/data");

  const data = await response.json();

  console.log("Data fetched:", data);

}

console.log("Before fetchData");

fetchData();

console.log("After fetchData");

在上述代码中，执行顺序大致如下：

打印 "Before fetchData"。

调用 fetchData() 异步函数，开始执行。

打印 "Start fetching data"。

遇到第一个 await，暂停 fetchData 函数执行，但事件循环继续执行其他任务。

打印 "After fetchData"。

异步操作完成后，事件循环将 fetchData 恢复执行。

打印 "Data fetched: ..."，输出获取到的数据。

这个例子展示了await如何使异步操作的执行在其他代码执行之间进行交错，从而实现非阻塞的异步编程。