理解 JavaScript 中的异步编程

我举个简单的例子来说明：

console.log('First log');
console.log('Second log');
console.log('Third log');

我们可以看到，每一行代码都会等待前一行执行完毕后再执行下一行。这被称为同步执行。

以下是另一个例子：

console.log('First log');
setTimeout(()=>{
    console.log('Second log');
},2000)
console.log('Third log')

setTimeout 函数会等待第二个参数中设置的毫秒数，然后执行第一个参数中的匿名函数。

First log
Third log
undefined
Second log

正如我们所看到的，第三个日志并没有等待第二个日志执行完毕，这种不等待前一个代码完成的方法称为异步执行。

什么时候需要异步操作？

使用异步的最佳方式是当您的网站与服务器交互以获取数据或接收响应时，与其等待服务器完全加载所有数据（这可能需要一分钟以上，具体取决于您的互联网速度和服务器解析请求的速度），不如使用异步来确保后面的代码能够执行，而 JavaScript 不会等待服务器响应完成。