JavaScript高质量代码之常用代码优化写法

本文保存一些常用JavaScript代码的高质量写法，以便查阅和进步。

[1]. 使用“[ ]“方括号访问属性

如果使用”.”号，属性名是硬代码，不能在执行时改变。如果使用”[ ]“方括号，属性名是一个通过计算属性名而来的字符串。 如果你有 “value1″, “value2″, 和 “value3″这样的属性，你可以通过定义一个变量 i=1 来动态访问你需要的属性：

1
2
3
for(var i = 1; i < 100; i++){
	console.log(data["value"+i]);
}

[2]. 历遍元素时，赋值长度为初始值：

1
2
3
4
5
6
7
8
9
// not good
for(var i=0; i < data.length; i++){
	console.log(data[i]);
}

// good
for(var i = data.length; i > 0; i--){
	console.log(data[i]);
}

[3]. 在某个函数内多次访问全局变量，使用局部变量缓存变化的值或者全局变量

1
2
3
4
5
6
// not good
var query = window.location.href.substring(window.location.href.indexOf("?")); 

// good
var url = window.location.href;
var query = url.substring(url.indexOf("?"));

感谢您的阅读，有不足之处请在评论为我指出。

版权声明：本文为博主原创文章，未经博主允许不得转载。本文地址 http://yangyuji.github.io/2015/06/09/javascript-normal/