JavaScript 运行时环境

JavaScript 运行时环境

前言

每一个浏览器都有自己的 Js 运行时环境

AJAX、DOM树、以及其他的API，都是Javascript的一部分，它们本质上就是浏览器提供的、在JS运行时环境中可调用的、拥有一些列属性和方法的对象

除此之外，用来解析代码的 JavaScript 引擎也是位于 Js 运行时环境中的。后面以 Chrome V8 引擎来展开。

Js 运行时环境

运行时环境可以看作一个大容器，里面有很多小容器，当 Js 引擎去解析代码时，就是把代码片分布到不同的容器里。

• 堆
• 栈
• Web Api 容器

调用栈中的 Web Api 调用会被分发到该容器里，比如事件监听函数、Http/Ajax 请求、或者是定时器，这些事件在该容器里直到达到触发条件，回调函数便会被推入回调队列里。

• 回调队列

按照顺序添加所有的回调函数，等待执行栈为空则推送回调函数到执行栈栈顶。

• 事件循环

持续监测回调队列和执行栈，监听 Web Api 容器是否满足执行条件满足则放到回调队列

• 阻塞和非阻塞 I/O

当一个函数永远执行不完则会永远不会出栈，因此执行栈的下一个函数永远不会执行被阻塞。另一种情况就是当一个函数极其复杂耗时很长，也会阻塞下一个函数。

e.g. Http 请求执行完会被分发到 Web Api 容器等待回应，然后弹出栈，即使无法请求到数据不影响后续函数执行。所以，JavaScript 是一个非阻塞语言。