搭建飞鸟系统源码在运行 JavaScript 代码出租之前，有想过吗？
掘金用户【TG电报duotebb】版权所有，转载需标明出处！
单线程：这意味着一次只能发生一件事
非阻塞：假设您正在运行一个函数，该函数在该任务期间需要 30 秒，我们正在等待 30 秒，然后才能发生其他任何事情！当然，这不会发生，这意味着它不等待异步代码的响应。
为了更好地理解异步 JavaScript，让我们看一下下面的代码：
console.log("Hello 1");
setTimeout(function() {
console.log("Goodbye!");
}, 3000);
console.log("Hello 2 ");
想想最后的结果是什么..
上面的代码发生了什么？
JavaScript 逐行运行，但它是非阻塞语言，因此它会运行准备好的函数，并且函数需要稍后执行
所以对于异步 JavaScript，JavaScript 在执行函数时不会等待响应，因此它首先执行“Hello 1”然后是“Hello 2”并在 3 秒后执行“再见！”
实际的 JavaScript 执行非常简单，但它与您首先需要了解的四个概念相关联。
- 调用堆栈
- 网络 API
- 回调队列
- 事件循环
调用栈：
JavaScript 只有一个调用栈，调用栈是JS 引擎的一部分，当我们运行代码时调用一个函数，它会被添加到调用栈中。如果这个函数是异步的，比如(timeout(setTimeOut),Ajax request, ..) 它会移动到 web APIs 。这意味着一次只能执行一件事
Web APIs：这是一个异步函数存在的地方，直到它完成执行，完成后它简单地被添加到回调队列中
回调队列：
当浏览器完成时间（或它为 JS 提供的任何其他 API）时，它不会立即将要执行的代码传输回JavaScript。浏览器完成后，会将代码存储在回调队列中。它是一个包含一些函数或代码的队列，这些函数或代码将在以后被回调。
事件循环：
有一个简单的工作，它检查主堆栈是否为空，当它为空时，它检查回调队列。如果队列中有待执行的代码，则将它们一一转移到调用堆栈中。代码执行完后离开栈，队列中的下一个上来，直到队列为空
动图
上面的 gif 解释了这个想法
，我们可以看到第一个函数被推送到调用堆栈
并立即在控制台中执行 Hi，然后异步
函数 (setTimeOut) 从调用堆栈转移到 web apis 直到
它完成执行然后移动到回调队列，当调用堆栈
为空时，事件循环将异步函数转移到堆栈
执行。
结论
我们了解了谁在后台执行同步和异步代码，我们知道调用堆栈、Web api、回调队列和事件循环的含义是什么。
