数据存取性能而言:
字面量>本地变量>数组元素>对象成员
一、标识符解析的性能
标识符解析是有代价的,一个标识符的位置越深,它的读写速度也就越慢。
局部变量的读写速度是最快的,全局变量在作用域链的最末端,所以尽可能使用局部变量。
如果某个跨作用域的值在函数中被引用一次以上,那么久把它存储到局部变量里。频繁访问跨作用域的标识符时,每次访问都会带来性能损失。
二、改变作用域链
作用域链运行后一般不会改变的,With和 Try-Catch可以在执行时临时改变作用域链,功能模块执行完后,作用域链恢复。
改变作用域链后,访问改变后的对象更快了,但是访问函数内的局部变量变慢了,一般不建议使用。
function initUI(){
var num1 = 0;
with(docuent){
var bd = body,
links = getElementsByTagName("a");
var num2 = num1;
bd.className = "active";
}
}
三、动态作用域
无论是 With语句还是 try-catch的字句,或者是包含 eval()的函数,都被认为是动态作用域。动态作用域只存在于代码执行过程中,因此无法通过静态分析检测出来。例如:
function ExecuteJS(code){
eval(code);
function subRouting(){
return window;
}
var w = subRouting(); //w 的作用域链?
}
ExecuteJS("var window={};");
因此,只有确实必要时才去使用动态作用域。
四、闭包、作用域和内存
闭包的[Scope]属性包含了与执行环境作用域链相同的对象的引用,因此会产生副作用。通常来说,函数的活动对象会随着执行环境一同销毁。但引入闭包后,由于引用存在于闭包的[Scope]属性中,因此激活对象无法被销毁,需要更多的内存开销。
可以遵循对跨作用域变量的处理建议,来减轻闭包对执行速度和内存的影响,将常用的跨作用域变量存储在局部变量中,然后直接访问局部变量。
五、对象成员
大部分代码是以面向对象风格编写的。对象成员包括属性和方法,函数也是一种对象。当一个被命名的成员引用了一个函数,该成员就被称为一个“方法”,相反,引用了非函数类型的成员就被称为“属性”。
访问成员的速度要比访问字面量或变量要慢,在有些浏览器中要比数组元素访问还慢。
六、原型
var book = {
title:"High Performance JavaScript",
Publisher:"Yahoo! Press"
};
alert(book.toString());
解析对象成员的过程与解析变量十分相似。当 book.toString()被调用时,会从对象实例开始,搜索名为"toString"的成员。一旦 book没有名为 toString的成员,那么会继续搜索其原型对象,直到找到并执行。
七、原型链
function Book(title, publisher){
this.title = title;
this.publisher = publisher;
}
Book.prototype.sayTitle = function(){
alert(this.title);
};
var book1 = new Book("AAAAAAA", "Yahoo");
var book2 = new Book("BBBBBBBBBBB", "IBM");
book1.sayTitle();
book1.toString();
当访问原型链的对象位置越深,找到它也就越慢,每深入一层性能都会增加。
八、嵌套成员
如: location.href 和 window.location.href。对象访问成员越深,读取速度也就越慢。
九、缓存对象成员值
如果在函数中多次访问一个对象,最好将该对象保存到局部变量中。
请不要在同一个函数里多次查找同一个对象成员,除非它的值改变了。