Java教程

JavaScript高级---浏览器原理-V8引擎-js执行原理

本文主要是介绍JavaScript高级---浏览器原理-V8引擎-js执行原理,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

 

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过程)的呢?

 

这篇关于JavaScript高级---浏览器原理-V8引擎-js执行原理的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!