原文链接：https://dev.opera.com/articles/efficient-javascript/?page=2#primitiveo…
高效的JavaScript
曾，一个Web页面不会包括太多的剧本，或许最少来讲，它们不会影响页面的机能。然则，如今的Web页面愈来愈像当地应用了，剧本的机能成了一个很大的影响跟着愈来愈多的应用转向运用Web手艺时，进步页面的机能成为了愈来愈重要的题目。
ECMAScript
防止运用eval和Function组织函数
每次当eval和Function constructor经由历程字符串源码情势挪用时，剧本引擎必需开启转换机制将字符串源码转换成可实行的代码。一般来讲这是比较耗机能的。
eval挪用迥殊的不好，当实行的内容字符串通报给eval时不能被提早实行，由于代码实行会被eval中实行的内容影响，那就意味着编译器不能更好的优化实行上下文，而且浏览器在运转常常摒弃实行下面的上下文。如许就增加了分外的机能影响。
关于Function constructor来讲，它的名声和eval一样也不太好，虽然运用它并不会影响上下文的实行，然则它实行的效力却很低下。示例代码以下：
毛病的运用eval:
function getProperty(oString) {
var oReference;
eval('oReference = test.prop.' + oString);
return oReference;
}
准确的姿态:
function getProperty(oString) {
return test.prop[oString];
}
毛病的运用Function constructor：
function addMethod(oObject, oProperty, oFunctionCode) {
oObject[oProperty] = new Function(oFunctionCode);
}
addMethod(
myObject,
'rotateBy90',
'this.angle = (this.angle + 90) % 360'
);
addMethod(
myObject,
'rotateBy60',
'this.angle = (this.angle + 60) % 360'
);
准确的姿态:
function addMethod(oObject, oProperty, oFunction) {
oObject[oProperty] = oFunction;
}
addMethod(
myObject,
'rotateBy90',
function() {
this.angle = (this.angle + 90) % 360;
}
);
addMethod(
myObject,
'rotateBy60',
function() {
this.angle = (this.angle + 60) % 360;
}
);
防止运用with
只管关于开发人员来讲，运用with比较轻易，然则对机能来讲，倒是非常斲丧的。缘由是对剧本引擎来讲，它会拓展作用域链，而查找变量的时刻不会推断是不是被当前援用。只管这类状况带来机能的开支比较少，然则每次编译的时刻我们都不晓得内容的作用域，那就意味着编译器不能对其举行优化,所以它就和一般的作用域一样。
一种更有用的要领替代要领是运用一个对象变量来替代with的运用。属性的接见能够经由历程对象的援用来完成。如许工作起来非常有用,假如属性不是基础范例外,比方字符串和布尔值。
斟酌下面的代码：
with(test.information.settings.files) {
primary = 'names';
secondary = 'roles';
tertiary = 'references';
}
运用下面的体式格局效力更高：
var testObject = test.information.settings.files;
testObject.primary = 'names';
testObject.secondary = 'roles';
testObject.tertiary = 'references';
不要在轮回的函数内里运用try-catch-finally
try-catch-finally语句相关于其他的语句来讲它的构造非常唯一的，当剧本运转的时刻它会在当前的作用域总建立一个变量，这发生在catch语句挪用的时刻.捕捉的非常对象会关联这个变量，这个变量不会存在其他的剧本里，即使是雷同的作用域。它在catch语句最先的时刻建立，在实行完毕的时刻烧毁它。
由于这个变量会在运转的时刻建立和烧毁，所以会发生一种特别的状况，一些浏览器不能实时的在机能比较耗的轮回中实时捕捉该句柄。所以会致使一些机能上的题目当非常被捕捉的时刻。
假如能够的话，非常的实行应该在更高的级别实行，如许它就不会频仍的涌现，或许经由历程搜检希冀的行动最早被许可的话来防止，下面经由历程示例来讲明：
毛病的运用体式格局：
var oProperties = [
'first',
'second',
'third',
…
'nth'
];
for(var i = 0; i < oProperties.length; i++) {
try {
test[oProperties[i]].someproperty = somevalue;
} catch(e) {
…
}
}
在许多状况下，try-catch-finally构造能够移动到轮回的外围， 如许看起来好像语意上有点转变。由于非常抛出时，轮回会被中缀，然则下面的代码会依旧实行。
var oProperties = [
'first',
'second',
'third',
…
'nth'
];
try {
for(var i = 0; i < oProperties.length; i++) {
test[oProperties[i]].someproperty = somevalue;
}
} catch(e) {
…
}
在某些状况下，try-catch-finally构造能够防止运用。比方：
var oProperties = [
'first',
'second',
'third',
…
'nth'
];
for(var i = 0; i < oProperties.length; i++) {
if(test[oProperties[i]]) {
test[oProperties[i]].someproperty = somevalue;
}
}
断绝eval和with的运用
由于这些构造影响机能云云的深，所以它们运用的越少越好。然则有时刻你能够须要它们，假如一个函数被挪用或许一个轮回反复的被盘算，最好的体式格局照样防止运用这些构造，他们最好的解决计划就是被实行一次，或许极少数，以至于基础上对机能没什么影响。
防止运用全局变量
在全局范围内建立一个变量是很引诱的，只因它建立的体式格局很简单，然则有一下几个缘由会致使剧本运转变慢。
起首，全局变量须要剧本引擎查找到最外的作用域，查找速率比较慢，第二，全局变量经由历程window对象被分享，意味着本质上它有两层作用域（？？）。
注重对象的转换
字面量，比方字符串，数字或许布尔值，在ECMAScript中有两种表现，它门能够被看成纯真的值或许一个对象。
任何属性或许要领被挪用的时刻针对的是这个对象，不是这个值，当你援用一个属性或许要领的时刻，ECMAScript引擎会暗中的建立一个你值对应的字符串对象。在要领挪用之前。这个对象只会被要求一次，当你尝试下一次挪用该值的某个要领时它又会被建立一次。来看看下面的例子：
var s = '0123456789';
for(var i = 0; i < s.length; i++) {
s.charAt(i);
}
上面的例子须要剧本引擎建立21次字符串对象，一次length属性的接见，一次charAt要领的挪用。
优化的计划以下所示：
var s = new String('0123456789');
for(var i = 0; i < s.length; i++) {
s.charAt(i);
}
和上面等效，然则仅仅手动建立了一个对象，机能上要比上面的好许多。
注重：差别的浏览器，关于装箱和拆箱的优化不一样。
防止咋机能堪忧的函数里运用for-in迭代
for-in迭代有它自己的特性，然则它经常被滥用，这类迭代须要剧本引擎建立一个一切可罗列属性的清单，并检出为看成副本，在最先罗列的时刻。
运用字符串的累加情势。
字符串的拼接是个高贵的历程，当运用”+“运算符时，它不会把效果马上添加到变量中，反而它会建立一个新的字符串对象在内存中，并把获得的效果赋值个这个字符串。然后这个新的字符串对象在赋值给变量。然则运用”+=“能够防止如许的历程。
原始的操作符能够比函数挪用更快
示例：
var min = Math.min(a,b);
A.push(v);
下面的体式格局和上面的等效，然则效力更高：
var min = a < b ? a : b;
A[A.length] = v;
通报一个回调函数而不是字符串给setTimeout()和setInterval()
当setTimeout()和setInterval()要领通报的是个字符串时，它内部会挪用eval,所以会致使机能上的题目。
