JavaScript基本技巧

1.尽量少用全局变量；

2.隐含全局变量与明确定义的全局变量区别：在于能否使用delete操作符撤销变量：

使用var创建的全局变量不能删除；

不使用var创建的隐含全局变量可以删除；

这表明隐含全局变量严格来讲不是真正的变量，而是全局对象的属性，属性可以通过delete操作符删除，但变量不可以。

3.单一var模式：只使用一个var在函数顶部进行变量声明（可以随带着赋值）是一种非常有用的模式。

4.凌散变量的问题：当先使用变量再在函数后面声明变量时可能会导致逻辑错误。对于JavaScript而言，只要变量是在同一个范围（同一函数）里，就视为已经声明，哪怕是在变量声明前就使用。

例如：

myname = "global";
function func() {
alert(myname);//输出undefined
var myname = "local";
alert(myname);//输出local
}
func();
解释：因为myname被看作声明为函数的本地变量，尽管是在后面声明。

5.for循环：

for循环经常用在遍历数组或类数组对象。通常for循环模式使用如下：

for (var i = 0; i < myarr.length; i++) {
//对myarr[i]操作
}

这种模式的问题在于每次循环迭代都要访问数据的长度，这样会使代码变慢，特别是当myarr不是数据，而是HTML容器对象时。容器的麻烦在于它们在document(HTML页面)下是活动的查询。也就是说，每次访问任何容器的长度时，也就是在查询活动的DOM，而通常DOM操作时非常耗时的。

这就是为什么好的for循环模式是将已经遍历过的数组（或容器）的长度缓存起来。如：

for (var i = 0, max = myarr.length; i < max; i++) {
...
}

这种方式下，对长度的值只提取一次，但应用到整个循环中。

也可以将变量放到循环以外，如：

function looper() {
var i = 0,
max,
myarry = [];
for (i = 0, max = myarray.length; i < max; i++) {
...
}

}

这种模式的好处在于一致性，因为它贯穿了单一变量的模式。缺陷在于创建代码时粘贴和复制整个循环比较麻烦，必须确保i和max携带至新函数中。

对于循环的最后一个改进是：用i++代替以下两种表达式：

i = i+1

i +=1;

逐步减至0，这样通常更快，因为同0比较比同数组的长度比较，或同非0数组比较更有效率

修改后的模式一：

var i, myarray = [];
for (i= myarray.length;; i--;) {
...
}

修改后的模式二（用while循环代替）：

var myarray = [],
i = myarray.length;
while (i--) {
...
}

6.for-in循环

for-in循环用来遍历非数组对象。当然也可以遍历数组对象，但是不推荐这么做，因为当该数组对象已经被自定义函数扩大后，这样做有可能会导致逻辑上的错误。因此推荐使用正常的for循环来处理数组，并使用for-in循环来处理对象。

当遍历对象属性来过滤遇到原型链的属性时，使用hasOwnProperty()方法是非常重要的。如：

var man = {
hands: 2,
legs: 2,
heads: 1
};
//将一个方法添加到所有对象上
if (typeof Object.prototype.clone === "undefined") {
Object.prototype.clone = function() {};
}
for (var i in man) {
if (man.hasOwnProperty(i)) {
console.log(i+":"+man[i]);
}
}
/*使用了一个名为clone()的有用的方法来增加Object的原型，该原型链是活动的，这也就意味着所有的对象都会自动获取针对新方法的访问。为了避免在枚举man的方法时枚举出clone()方法，需要调用hasOwnProperty()函数来过滤该原型属性。一般在用for-in遍历对象时，都会用hasOwnProperty进行过滤*/

另外一种使用hasOwnProperty()的模式是在Object.prototy

pe中调用该函数，如下：

for (var i in man) {
if (Object.prototype.hasOwnProperty.call(man,i)) {
console.log(i+":"+man[i]);
}
}