如何优化JavaScript的性能-创新互联

这期内容当中小编将会给大家带来有关如何优化JavaScript的性能，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。

成都创新互联公司是一家网站设计制作、成都网站设计，提供网页设计，网站设计，网站制作，建网站，定制网站，网站开发公司，2013年至今是互联行业建设者，服务者。以提升客户品牌价值为核心业务，全程参与项目的网站策划设计制作，前端开发，后台程序制作以及后期项目运营并提出专业建议和思路。

话不多说，提到javascript难免会联想到文档对象模型(DOM)，它作用于XML和HTML文档的程序接口(API)，位于浏览器中，主要用来与HTML文档打交道。同样也用于Web程序中获取XML文档，并使用DOM API来访问文档中的数据。尽管DOM是个与语言无关的API，它在浏览器中的接口却是用javascript实现的。客户端脚本编程大多数时候是在和底层文档(underlying document) 打交道，DOM就成为现在javascript编程中的重要部分。

浏览器通常会把DOM和js独立实现。比如在IE中，javascript的实现名为Jscript，位于jscript.dll文件中；DOM的实现则存在另一个库中，名为mshtml.dll（内部称为Trident）。这个分离允许的其他技术和语言，比如VBScript，能共享使用DOM以及Trident提供的渲染函数。Safari中的DOM和渲染使用的Webkit中的WebCode实现，javascript部分是由独立的javascriptCode引擎（最新版本的名字为SquirrelFish）来实现。Google Chrome同样使用WebKit中的WebCore库来渲染页面，但javascript引擎是他们自己研发的，名为V8。Firefox的javascript引擎名为SpiderMonkey（最新版的名字为TraceMonkey），与名为Gecko的渲染引擎相互独立。

把DOM和javascript（这里指ECMAScript，JavaScript使用的ECMAScript版本为ECMAScript-262）各自想象一个岛屿，它们之间用收费桥梁连接。ECMAScript每次访问DOM，都需要途经这座桥，并交纳“过桥费”。访问DOM的次数越多，费用越高。所以想办法减少过桥次数就可以减少费用。

一、超载运输

上面提到“过桥费”很贵啊，那么我们尽量使需要多次去访问DOM的时候全部整合到一次。比如最简单的例子：

function innerHTMLLoop(){
   for(var count = 0;count < 15000 ;count++){
      document.getElementById('here').innerHTML +='a';
  } 
}

本文标题：如何优化JavaScript的性能-创新互联
本文网址：http://cdkjz.cn/article/djcjij.html