1.JavaScript是一门高级的编程语言。

有高级编程语言，就有低级编程语言，从编程语言发展历史来说，可以划分三个阶段：

• 机器语言：10001000111，一些机器指令；
• 汇编语言：mov ax ,bx,一些汇编指令；
• 高级语言：C、C++、Java、Javascript、Python

但是计算机本身不认识这些高级语言，所以我们的代码最终需要被转换成机器指令：

 

 

 

 

2. 浏览器的工作原理

有没有深入考虑过：JavaScript代码，在浏览器是如何被执行的？

 

 

 

3.浏览器内核

我们经常听说：不同的浏览器有不同的内核组成

Gecko:早期被Netscape和Mozilla Firefox浏览器使用；

Trident:微软开发，被IE4-IE11浏览器使用，但是Edge浏览器已经转向blink

blink：是Webkit的一个分支，Google开发，目前应用于Google Chrome、Edge、Opera等

 

 

4.浏览器渲染过程

在执行过程中，HTML解析的时候遇到JavaScript标签，应该怎么办？

• 会停止解析HTML，而去加载和执行JavaScript代码；

 

 

 

 那么，JavaScript代码由谁来执行呢？

• JavaScript引擎

 

 

5.认识JavaScript引擎

为什么需要JavaScript引擎呢？

高级的编程语言都是需要转成最终的机器指令来执行的；

事实上我们编写的Javascript无论你交给浏览器或者Node执行，最后都是需要被CPU执行的；

但是CPU只认识自己的指令集，实际上是机器语言，才能被CPU所执行；

所以我们需要JavaScript引擎帮助我们将JavaScript代码翻译成CPU指令来执行；

 

 

5.1比较常见的JavaScript引擎有哪些？

SpiderMonKey:第一款Javascript引擎，由Brendan Eich开发（也就是JavaScript作者）;

Chakra:微软开发，用于IT浏览器

JavaScriptCore:WebKit中的JavaScript引擎，Apple开发；

V8：Google开发的强大JavaScript引擎，也帮助Chrome从众多浏览器脱颖而出；

。。。

 

5.2浏览器内核和JS引擎的关系

我们先以WebKit为例，WebKit事实上由两部分组成的：

WebCore:负责HTML解析、布局、渲染等等相关工作；

JavaScriptCore:解析、执行JavaScript代码；

 

 

 

 

6.另一个强大的JavaScript引擎就是V8引擎

官方对V8引擎的定义：

• V8是用C++编写的Google开源高性能JavaScript和WebAssembly引擎，它用于Chrome和Node.js等。
• 它实现ECMAScript和WebAssembly，并在window7或者更高版本，macOS10.12+和使用*64，IA-32，arm或者MIPS处理器的linux系统上运行。
• V8可以独立运行，也可以嵌入到任何C++应用程序中。

 

 

 

 

6.1 V8引擎架构

 

 

 

 

JavaScript源码是如何被解析（Parse过程）的呢？