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 是一个非阻塞语言。