资讯频道 → Web前端
阅读更多

2顶
0踩

Web前端

转载新闻 从V8 JS引擎学到的优化经验

2015-02-12 10:33 by 副主编 mengyidan1988 评论(5) 有8176人浏览
javascript 设计模式 V8
V8是谷歌开源的一个高性能JavaScript引擎，用 C++ 实现，并用在谷歌的开源浏览器Chrome里。

为什么V8非常快，哪种方案让V8达到这种速度？发现其中秘密是一件有趣的事情。

面向对象、设计模式与性能

有些C/C++开发者有些奇怪的观念。他们认为使用面向对象和设计模式会降低程序的性能。但V8证明了这种观念是错误的。V8的实现使用了许多设计模式，但依然非常高效。

下面列出V8中使用的两个模式：

工厂模式

当Javascript引擎执行一个脚本时，引擎为遇到的每个变量、函数或数组都创建一个实例。JSObject是所有这些对象的父对象。

下面列出了所有继承自JSObject的类：



V8实现了一个工厂类来创建这些对象，该类中的Factory::NewJsObject就是用来创建这些对象的。

下面列出了所有使用该类/方法的方法。



V8引擎中的类并没有直接使用这个工厂类，而是添加了另一层封装，通过Heap类调用该工厂类。

访问者模式：

维基百科上这样解释观察者模式：

观察者设计模式是将算法和算法处理的对象分开的一种方式。这种分离可以在不修改结构本身的情况下，将新的操作添加到已有的对象结构上。这是一条遵循open/closed准则的方式。

与工厂模式相似，访问者模式也为实现添加了封装层。这样让其代码更加可读且可维护。

V8源码中许多类都实现了访问者模式。



即使V8开发者必须优化执行效率，他们也不在乎添加到代码中的封装层。使用设计模式和添加一些C++的机制会增加一些封装，所以的确会对效率有影响。但这对效率的影响仅占一小部分，更多的影响来自该应用使用的设计决策。

V8中针对执行效率方面的设计决策

1. 隐藏类和快速属性访问。

JavaScript是一种动态编程语言：可以在对象运行时为对象添加或删除熟悉。这意味着很容易改变对象的属性。

JSFunction和JSValue的父类都是JSObject，JSFunction用来表示一个javascript函数，JSValue用来表示一个javascript值。但没有继承自JSObject的类，用以表示Function或Value这样的Class。许多JavaScript引擎使用词典类型的数据结构来存储这些对象的熟悉，访问每个属性都需要动态查找并解析属性在内存中的位置。

这种方式导致JavaScript在访问对象变量的属性时，比在Java或Smalltalk中要慢。在这些语言中，实列变量分配的位置是固定的，即由编译器根据对象的类定义中的布局，在该对象在内存中的位置加上固定的偏移位置。因此访问这些属性仅仅是内存上的读取或存储，而这种操作通常只需一条指令。

V8使用隐藏类概念来降低访问JavaScript属性所消耗的时间。V8不使用动态查询来访问属性，而是在幕后创建隐藏类。

2. 动态生产机器码

在首次执行时，V8就将JavaScript源码直接编译成机器码，没有中间字节码，没有解释器。属性访问由内联的缓存代码处理，V8执行时可能会有其他机器指令修改这些缓存代码。

3. 高效的垃圾收集器

在执行过程中，V8会重新获得废弃对象的内存，即垃圾回收。为了保证拥有较快的对象分类、较短的垃圾回收停顿，以及没有内存碎片。V8使用了停顿、分代、精确垃圾回收器。这意味着V8使用了：

  • 在垃圾回收循环期间停止程序的执行。
  • 在大多数垃圾循环中，只处理对象堆的一部分。这最大化降低了停顿对应用的影响。
  • 记录所有对象和指针在内存中的位置，避免了将对象作为指针识别而导致的内存泄漏。

结论：

出于效率因素而不使用面向对象或设计模式，这是一个错误的观念。这样只会获得数毫秒的优化，却失去了代码的可读性和可维护性。

英文出处：www.codergears.com
  • 大小: 79.9 KB
  • 大小: 93.8 KB
  • 大小: 118.4 KB
2
顶
0
踩
评论 共 5 条 请登录后发表评论
5 楼 qianjigui 2015-03-15 12:00
感觉就翻译了下V8的基本介绍.
4 楼 yunnysunny 2015-02-13 11:28
ykssky 写道
vs 亮了...

这里面用的工具是vs？
3 楼 mike8625 2015-02-13 11:22
基本上没看懂,对于一个前端开发者挺需要的原理,如果看了这篇文章我看没几个人明白.
原理简单来说就是v8在运行js的时候,在一定的条件下先把一部分代码编译一下,然后再运行,所以就快了.
2 楼 ykssky 2015-02-12 23:38
vs 亮了...
1 楼 midstr 2015-02-12 15:03
结论和标题感觉差好远啊？

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • C# PropertyGrid控件的分成 多层 折叠 和绑定自定义控件

    自己编写的 主要想自己留着备份的 带有绑定控件 分层 类目。亲们喜欢也可以下载参考参考

  • C# Winform之propertyGrid控件使用详解和分组设置

    你可以使用属性装饰器（Attributes）来改变属性在中的显示方式。例如：Csharp2{set;12}设置属性在中显示的名字。提供属性的描述，当鼠标悬停在属性上时会显示。[Category]将属性归类，便于在中进行分组。指定类型转换器，以改变属性的编辑方式。[Editor]指定属性的编辑器。控制属性是否在中可见。控制属性是否在设计时可见。控制何时刷新属性网格。

  • C#下PropertyGrid使用

    using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Windows.Forms; using System.Ref

  • 在WPF程序中实现PropertyGrid功能

    SelectedObject，设置PropertyGrid控件选择的对象，赋值后，控件将显示对象所有public修饰的属性。SelectedObjects，设置PropertyGrid控件显示的对象列表，为数组类型。赋值后，将显示所有对象公共的public修饰的属性。BackColor 更改其背景色。HelpBackColor 更改助窗口背景色。HelpForeColor 更改助窗口字体颜色。HelpVisible 显示隐藏帮助窗口。ToolbarVisible 显示隐藏工具栏。

  • Code Project精彩系列（转）

    Applications Crafting a C# forms Editor From scratch http://www.codeproject.com/csharp/SharpFormEditorDemo.asp 建立一个类似C#的环境, 实现控件拖拉，属性 Packet Capture and Analayzer 网络封包截获 http://www.codeproject.c...

  • 【Visual Studio风格开发系列 - PropertyGrid控件】深度解析 TypeConverter & TypeConverterAttribute

    前言    我们在开发复杂控件的时候不可避免的碰到类型转换TypeConverter，微软给我们提供了很多转换类如ArrayConverter，BaseNumberConverter，BooleanConverter（MSDN上更多：ms-help://MS.MSDNQTR.v80.en/MS.MSDN.v80/MS.NETDEVFX.v20.en/cpref3/html/N_System_ComponentModel.htm）等直接或间接的继承了TypeConverter类。我们在类型转换的时候经常用到这

  • c# propertyGrid下拉选项

    实现下面效果的propertygrid属性下拉选择 具体代码如下 //form窗口类 public partial class Form1 : Form { public Form1() { InitializeComponent(); properties ps = new properti...

  • C#中的PropertyGrid控件在WinForm调试中的妙用

    PropertyGrid，提供用于浏览对象属性的用户界面。在WinForm设计界面，点击某一个控件，选择“属性”页，可以看到控件的各个属性与对应的值，而用于展示这些信息的，就是PropertyGrid控件。 我们在进行WinForm程序设计与调试的时候，当需要修改控件的属性，如文本颜色、背景颜色、文本内容时，我们只能停止调试，重新设置属性再调试；有时候还要获取控件无法直接显示的属性，如...

  • PropertyGrid控件由浅入深(二)：基础用法

    目录 PropertyGrid控件由浅入深(一)：文章大纲 PropertyGrid控件由浅入深(二)：基础用法 控件的外观构成 控件的外观构成如下图所示： PropertyGrid控件包含以下几个要素： 属性名称 属性的名称、标题。 属性编辑器(属性值) 这里显示的是属性的当前值，显示的一般为文字，也可以以图标的形式。编辑器会自动根据数据的类型定义一个验证器，比如属性类型为int类型，你是无法输入字符内容的。另外，一般属性的编辑是直接在属性值这栏直接输入，但是复杂的属性，一般都会提供一

  • C# PropertyGrid封装类（VS2010）

        功能简介： 1、支持下拉、打开文件、文本输入、点击项可显示描述内容。 以下业务代码则是调用封装类。 Category ：属性类 DisplayName：名称 Descriptor：描述内容 Editor：编辑器 private PropertyManage _pmc=new PropertyManage(); /// <summary...

  • PropertyGrid控件由浅入深(一)

    http://i2.feixin.10086.cn/pages/78831/1343441380 http://i2.feixin.10086.cn/pages/78831/1343440538 http://i2.feixin.10086.cn/pages/78831/1343439618 http://i2.feixin.10086.cn/pages/78831/1343455691

  • C#基础系列：开发自己的窗体设计器（PropertyGrid显示中文属性名）

    【转 http://blog.csdn.net/ronotian/article/details/3183907】 既然是一个窗体设计器，那就应该能够设置控件的属性，设置属性最好的当然是PropertyGrid了，我们仅仅需要使用一个PropertyGrid.SelectedObject = Control就可以搞定，让PropertyGrid显示Control的所有属性。可是这里显...

  • C#获取文本框的任意行内容

    C#中 textbox.Lines.Length 可以获得文本框里文本的行数； 而textbox.Lines[ i ] 代表文本框任意一行的内容，所以获取文本框最后一行的方法为： string endline = textbox.Lines[textbox.Lines.Length-1]; 获得文本框的全部内容为： string [] arr = new string[textbox.Lines.Length]; for(int i =0 ;i<textbox.Lines.Length;i++

  • PropertyGrid使用方法

    原文连接 先来转一个基础的，源自msdn http://www.microsoft.com/taiwan/msdn/library/2002/Jul-2002/article/usingpropgrid.htm 摘要： 本文旨在帮助您了解 Microsoft .NET 框架中的 PropertyGrid 控件，以及如何针对您的应用程序自定义该控件。 适用于：   &nbs...

  • pgp中碰到的问题

    　　在做PGP的skr破解过程中，碰到AES验证无法和源码出来的结果匹配上，于是想从源码中直接提取AES算法的实现。在提取的过程中碰到了一些问题，现记录如下： 　　1.#define t_set(m,n) pgpAEStab_##m##n 此宏的定义 其实就是别名的定义，通过后面代码的查看（如t_set(f,l)[0][i] = w）可以推测，t_set(f,l)的定义就是怕重名， t_se...

  • C#针对PropertyGrid控件修改其常用的几个特性的值

    using System; using System.ComponentModel; using System.Reflection; namespace PropertyGridUse { public class PropertyAttribute<T> { /// <summary> /// 修改propertyName名称的属性Category特性的值 /// </summary> .

  • 两点C#的propertyGrid的使用心得

    最近接触C#的PropertyGrid比较多，得到了两个小心得记录一下。 第1点是关于控制PropertyGrid中属性的只读属性的。 我遇到的问题是这样的，我需要在运行时根据SVN的状态动态控制PropertyGrid中的属性的读写控制。以前的做法比较简单，直接是PropertyGrid.Enabled(false)。这样的坏处是完全使Grid完全失效，连滚动条也不可用了，不便于查看属性。后...

  • Winform PropertyGrid使用方法

    原文连接 先来转一个基础的，源自msdn http://www.microsoft.com/taiwan/msdn/library/2002/Jul-2002/article/usingpropgrid.htm 摘要： 本文旨在帮助您了解 Microsoft .NET 框架中的 PropertyGrid 控件，以及如何针对您的应用程序自定义该控件。 适用于：      M

  • C#控件PropertyGrid使用

    二、创建一个类并新增需要的属性和字段，用于添加到propertyGrid控件上显示，并用XML序列化和反序列化，保存在本地和读取显示。四、用反射设定propertyGrid控件第1列(属性名称)的列宽，说明窗口高度，属性显示或隐藏。三、用特性设定类中属性和字段，在propertyGrid控件上的：名称、显示、分组、描述。一、创建winform并在界面添加propertyGrid控件。

  • 在winform项目中用PropertyGrid显示、编辑集合的属性

    在winform项目中用PropertyGrid显示、编辑集合的属性1 添加员工类2 添加员工类集合3 添加员工集合编辑器类4 添加公司类5 在PropertyGrid中显示对象属性6 获取编辑后的属性7 效果（1）公司对象属性（2）员工集合（3）获取修改后的对象属性 在winform开发中，利用PropertyGrid控件来显示、编辑对象的属性是非常方便的。 本文以一个公司类为例来介绍在Visual Studio（C#）中用PropertyGrid显示和编辑集合的属性，其中，公司对象中包含员工对象的集

Global site tag (gtag.js) - Google Analytics