Js是怎样运行起来的？

前言

不知道大家有没有想过这样一个问题，我们所写的 JavaScript 代码是怎样被计算机认识并且执行的呢？这中间的过程具体是怎样的呢？

有的同学可能已经知道，Js 是通过 Js 引擎运行起来的，那么

• 什么是 Js 引擎？
• Js 引擎是怎样编译执行和优化 Js 代码的？

Js 引擎有很多种，比如 Chrome 使用的 V8 引擎，Webkit 使用的是 JavaScriptCore，React Native 使用的是 Hermes。今天我们主要来分析一下比较主流的 V8 引擎是怎样运行 Js 的。

V8 引擎

在介绍 V8 引擎的概念之前，我们先来回顾一下编程语言。编程语言可以分为机器语言、汇编语言、高级语言。

• 机器语言：由 0 和 1 组成的二进制码，对于人类来说是很难记忆的，还要考虑不同 CPU 平台的兼容性。
• 汇编语言：用更容易记忆的英文缩写标识符代替二进制指令，但还是需要开发人员有足够的硬件知识。
• 高级语言：更简单抽象且不需要考虑硬件，但是需要更复杂、耗时更久的翻译过程才能被执行。

到了这里我们知道，高级语言一定要转化为机器语言才能被计算机执行，而且越高级的语言转化的时间越久。高级语言又可以分为解释型语言、编译型语言。

• 编译型语言：需要编译器进行一次编译，被编译过的文件可以多次执行。如 C++、C 语言。
• 解释型语言：不需要事先编译，通过解释器一边解释一边执行。启动快，但执行慢。

我们知道 JavaScript 是一门高级语言，并且是动态类型语言，我们在定义一个变量时不需要关心它的类型，并且可以随意的修改变量的类型。而在像 C++这样的静态类型语言中，我们必须提前声明变量的类型并且赋予正确的值才行。也正是因为 JavaScript 没有像 C++那样可以事先提供足够的信息供编译器编译出更加低级的机器代码，它只能在运行阶段收集类型信息，然后根据这些信息进行编译再执行，所以 JavaScript 也是解释型语言。

这也就意味着 JavaScript 要想被计算机执行，需要一个能够快速解析并且执行 JavaScript 脚本的程序，这个程序就是我们平时所说的 JavaScript 引擎。这里我们给出 V8 引擎的概念:V8 是 Google 基于 C++ 编写的开源高性能 Javascript 与 WebAssembly 引擎。用于 Google Chrome（Google 的开源浏览器） 以及 Node.js 等。

我组建了一个前端学习交流群，学习前端技术。给大家分享学习资料，给大家匹配学习伙伴，定期组织大家进行项目实战。想要加入一起学习的小伙伴可以点击链接加入群聊【web前端技术群】：前端学习交流  

CPU 是如何执行机器指令的？

将高级语言转化为机器语言之后，CPU 又是怎样执行的呢？我们以一段 C 代码为例：

int main()

{

    int x = 1;

    int y = 2;

    int z = x + y;

    return z;

}}

 

先来看一下以上代码被转换为机器语言是什么样子。下图左侧是用十六进制表示的二进制机器码，中间部分是汇编代码，右侧是指令的含义。

CPU 执行机器指令的流程

• 首先程序在执行之前会被装进内存。
• 系统会将二进制代码中的第一条指令的地址写入到 PC 寄存器中。

 

• CPU 根据 PC 寄存器中的地址，从内存中取出指令。
• 将下一条指令的地址更新到 PC 寄存器中。
• 分析当前取出指令，并识别出不同的