JavaScript V8引擎

很多人都知道v8引擎,v8引擎是一种js引擎的实现。在开始介绍v8之前,先搞清JavaScript引擎是什么,这里简单引用

JavaScript引擎是执行JavaScript代码的程序或解释器。javaScript引擎可以实现为标准解释器或即时编译器,它以某种形式将JavaScript编译为字节码。

那么除了v8引擎,你还知道那些js引擎

V8 - 开源,由Google开发,用C ++编写

Rhin- 由Mozilla基金会开源,完全用Java开发

SpiderMonkey 第一个JavaScript引擎,Netscape Navigator,Firefox

JavaScriptCore 苹果公司为Safari开发

KJS 最初由Harri Porten为KDE项目的Konqueror网络浏览器开发

Chakra** (JScript9) Microsoft Edge

Chakra** (JavaScript) Microsoft IE9-IE11

Nashorn 作为OpenJDK的一部分,由Oracle Java语言和工具组编写

JerryScript 一个物联网的轻量级引擎

image.png

V8是被设计用来提高网页浏览器内部JavaScript执行的性能,那么如何提高性能呢?

为了提高性能,v8会把js代码转换为高效的机器码,而不在是依赖于解释器去执行。v8引入了
JIT在运行时把js代码进行转换为机器码。这里的主要区别在于V8不生成字节码或任何中间代码。

v8曾经有两个编译器(v5.9之前)

full-codegen — 一个简单且速度非常快的编译器,可以生成简单且相对较慢的机器码
Crankshaft —  一个更复杂的(Just-In-Time)优化编译器,生成高度优化的代码

v8充分多进程,主进程负责获取代码,编译生成机器码,有专门负责优化的进程,,还有一个监控进程负责分析那些代码执行比较慢,以遍Crankshaft 做优化,最后还有一个就是GC进程,负责内存垃圾回收。

v8的具体优化方案:

第一个优化就是尽可能最大的内联。


image.png

内联主要是通过优化被调用函数的调用栈。这块理解还不是很透彻。

第二个优化就隐藏类。

js中并没有指针的概念,js的对象访问就是基于隐藏类的。下面理解下隐藏类

function Point(x, y) {
    this.x = x;
    this.y = y;
}
var p1 = new Point(1, 2);

执行new Point(1, 2),v8会为其生成一个隐藏类C0

image.png

C0现在是一个空的,没有属性。

执行完this.x = x

v8会基于C0,创建隐藏类C1


image.png

C1”描述了可以找到属性x的存储器中的位置(类似指针)

执行完this.y = y

image.png

V8会创建一个隐藏类C2,C1则会增加一个类转换,表示隐藏类切换为C2

隐藏类转换取决于将属性添加到对象的顺序.----非常重要

下面代码中p1,p2的属性添加顺序不一样,结果就是p1,p2会有两个不同的隐藏类。这种情况下还是最好采用相同的初始化顺序,以便系统可以复用隐藏类,帮助系统提升性能。

function Point(x, y) {
    this.x = x;
    this.y = y;
}
var p1 = new Point(1, 2);
p1.a = 5;
p1.b = 6;
var p2 = new Point(3, 4);
p2.b = 7;
p2.a = 8;

第三个是内联缓存

内联缓存依赖于对相同方法的重复调用倾向于在相同类型的对象上发生的观察。

V8维护一个在最近的方法调用中作为参数传递的对象类型的缓存,并使用这些信息来预测将来作为参数传递的对象的类型。如果V8能够对传递给方法的对象的类型做出一个很好的假设,那么它可以绕过确定如何访问对象属性的过程,而是使用以前查找存储的信息到对象的隐藏类。

V8在执行一个对象的方法时,会通过查找隐藏类确定偏移量,然后去执行,在两次成功调用后,V8会假定对象不变,再次调用时直接利用偏移量去访问,而不在去做隐藏类查找。这极大的提升了运行速度,这也是为什么在初始化对象时,最好保证同样的顺序。

如果两个对象使用不同的隐藏类,内联缓存则无法应用。如下图

image.png

第四 Compilation to machine code

V8之前的优化,是基于某种假设。如果假设失败,v8会启动一种为 deoptimization 的行为,重新去分析。这种行为的成本很高,所以要尽量避免。

第五,垃圾回收机制

对于垃圾收集,V8采用了传统的分代式扫描方式来清理老一代。标记阶段应该停止JavaScript的执行。为了控制GC成本并使执行更加稳定,V8使用了渐进式标记:而不是走遍整个堆,试图标记每一个可能的对象,它只走一部分堆,然后恢复正常执行。

下一个GC停止将从先前堆走过的地方继续。这允许在正常执行期间非常短的暂停。如前所述,扫描阶段由不同的线程处理。

最后看下最新的编译器TurboFan

随着2017年早些时候V8 5.9的发布,一个新的执行流程被引入。这个新的管道在实际的JavaScript应用程序中实现了更大的性能改进和显着的内存节省。

image.png

可以看出性能有大幅提升

了解V8引擎的内部运作原理后,如何编写优化的JavaScript呢?

  1. 总是以相同的顺序实例化对象属性,以便可以共享隐藏类和随后优化的代码。
    2.在实例化之后向对象添加属性将强制隐藏类更改,并放慢为以前隐藏类优化的所有方法。相反,在其构造函数中分配所有对象的属性

  2. 重复执行相同方法的代码将比仅执行一次(由于内联高速缓存)执行许多不同方法的代码运行得更快。

4.避免键数不是增量数的稀疏数组。稀疏数组中没有每个元素都是哈希表。这种阵列中的元素访问费用较高。另外,尽量避免预分配大型数组。随着你的成长,你的成长会更好。最后,不要删除数组中的元素。

5.v8用32位的对象和数字。由于它的31位,它使用了一点来知道它是一个对象(flag = 1)还是一个称为SMI(SMall Integer)的整数(flag = 0)。然后,如果一个数字值大于31位,V8会把这个数字装箱,把它变成一个double,并创建一个新的对象,把数字放在里面。尽可能使用31位有符号数字,以避免昂贵的拳击操作成JS对象

https://blog.sessionstack.com/how-javascript-works-inside-the-v8-engine-5-tips-on-how-to-write-optimized-code-ac089e62b12e

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,425评论 4 361
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,058评论 1 291
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,186评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,848评论 0 204
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,249评论 3 286
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,554评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,830评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,536评论 0 197
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,239评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,505评论 2 244
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,004评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,346评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,999评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,060评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,821评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,574评论 2 271
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,480评论 2 267

推荐阅读更多精彩内容