每一个浏览器都有自己的 Js 运行时环境
AJAX、DOM树、以及其他的API,都是Javascript的一部分,它们本质上就是浏览器提供的、在JS运行时环境中可调用的、拥有一些列属性和方法的对象
除此之外,用来解析代码的 JavaScript 引擎也是位于 Js 运行时环境中的。后面以 Chrome V8 引擎来展开。
运行时环境可以看作一个大容器,里面有很多小容器,当 Js 引擎去解析代码时,就是把代码片分布到不同的容器里。
调用栈中的 Web Api 调用会被分发到该容器里,比如事件监听函数、Http/Ajax 请求、或者是定时器,这些事件在该容器里直到达到触发条件,回调函数便会被推入回调队列里。
按照顺序添加所有的回调函数,等待执行栈为空则推送回调函数到执行栈栈顶。
持续监测回调队列和执行栈,监听 Web Api 容器是否满足执行条件满足则放到回调队列
当一个函数永远执行不完则会永远不会出栈,因此执行栈的下一个函数永远不会执行被阻塞。另一种情况就是当一个函数极其复杂耗时很长,也会阻塞下一个函数。
e.g. Http 请求执行完会被分发到 Web Api 容器等待回应,然后弹出栈,即使无法请求到数据不影响后续函数执行。所以,JavaScript 是一个非阻塞语言。