例子1:for-in 和 普通的for的使用比较
function makeData(){
var map = [];
for(var i = 0; i<1000000; i++){
map.push(i);
}
return map;
}
function startup(){
var map1 = makeData();
console.time('test1');
for(var k in map1){
map1[k] ++;
}
console.timeEnd('test1');
var map2 = makeData();
console.time('test2');
for(var i = 0,len=map2.length;i<len;i++){
map2[i] ++;
}
console.timeEnd('test2');
}
startup();
输出:
>node test.js
test1: 168.274ms
test2: 2.106ms
例子2:delete对象的属性
function Point(x, y) {
this.x = x;
this.y = y;
}
function makeData(){
var map = [];
for(var i = 0; i<1000000; i++){
map.push(new Point(i, i));
}
return map;
}
function startup(){
var map1 = makeData();
console.time('test1');
for(var i = 0,len=map1.length;i<len;i++){
delete map1[i].x;
map1[i].y ++;
}
console.timeEnd('test1');
var map2 = makeData();
console.time('test2');
for(var i = 0,len=map2.length;i<len;i++){
map2[i].y ++;
}
console.timeEnd('test2');
}
startup();
运行:
>node test.js
test1: 619.139ms
test2: 6.983ms
例子3:
function Point(x, y) {
this.x = x;
this.y = y;
this.z;
}
function makeData(){
var map = [];
for(var i = 0; i<1000000; i++){
map.push(new Point(i, i));
}
return map;
}
function startup(){
var map1 = makeData();
console.time('test1');
for(var i = 0,len=map1.length;i<len;i++){
map1[i].y ++;
map1[i].z = 1;
}
console.timeEnd('test1');
var map2 = makeData();
console.time('test2');
for(var i = 0,len=map2.length;i<len;i++){
map2[i].y ++;
map2[i].x ++;
}
console.timeEnd('test2');
}
startup();
运行:
>node test.js
test1: 133.525ms
test2: 6.985ms
例子4:
function makeData1(){
var map = [];
for(var i = 0; i<1000000; i++){
map[i] = 1;
}
for(var i = 1000000; i<2000000; i++){
map[i] = "2";
}
return map;
}
function makeData2(){
var map = [];
for(var i = 0; i<1000000; i++){
map[i] = 1;
}
for(var i = 1000000; i<2000000; i++){
map[i] = 2;
}
return map;
}
function startup(){
console.time('test1');
var map1 = makeData1();
console.timeEnd('test1');
console.time('test2');
var map2 = makeData2();
console.timeEnd('test2');
}
startup();
运行:
>node test.js
test1: 44.239ms
test2: 39.788ms
运行了几次,这个运行时间相差不是很大
例子5:
function startup(){
var a1 = new Array();
console.time('test1');
for (var b = 0; b < 10000000; b++) {
a1[0] |= b;
}
console.timeEnd('test1');
var a2 = new Array();
a2[0] = 0;
console.time('test2');
for (var b = 0; b < 10000000; b++) {
a2[0] |= b;
}
console.timeEnd('test2');
}
startup();
运行如下:
>node test.js
test1: 19.308ms
test2: 14.554ms
总结如下:
对象属性的顺序:始终以相同的顺序实例化对象属性,以便共享的隐藏类和随后优化的代码可以共享之。
动态属性:在实例化之后向对象添加属性将强制执行隐藏的类更改,并降低之前隐藏类所优化的所有方法的执行速度。相反,在其构造函数中分配所有对象的属性。
方法:重复执行相同方法的代码将比仅执行一次的多个不同方法(由于内联缓存)的代码运行得更快。
数组:避免稀疏数组,其中键值不是自增的数字。并没有存储所有元素的稀疏数组是哈希表。这种数组中的元素访问开销较高。另外,尽量避免预分配大数组。最好是按需增长。不要删除数组中的元素。这会使键值变得稀疏。请勿在数字数组中存放非数字的值(对象)
标记值:V8 使用 32 位表示对象和数值。由于数值是 31 位的,它使用了一位来区分它是一个对象(flag = 1)还是一个称为 SMI(SMall Integer)整数(flag = 0)。那么,如果一个数值大于 31 位,V8会将该数字装箱,把它变成一个双精度数,并创建一个新的对象来存放该数字。尽可能使用 31 位有符号数字,以避免对 JS 对象的高开销的装箱操作。