JavaScript基本技巧

来源:互联网 发布:java同步互斥锁notify 编辑:程序博客网 时间:2024/06/06 00:02

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]);    }}
0 0
原创粉丝点击