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]); }}
- javascript基本技巧
- JavaScript基本技巧
- javascript基本技巧
- javascript 108个基本技巧
- 《JavaScript模式》--第二章:基本技巧
- javaScript模式(基本技巧)一
- JavaScript模式读书笔记 第2章 基本技巧
- 基本技巧
- 基本技巧
- javascript技巧
- JavaScript技巧
- javascript技巧
- javascript技巧
- javascript 技巧
- javascript技巧
- JavaScript技巧
- javascript 技巧
- JavaScript 技巧
- Android Studio创建module缺少build文件夹
- windows运行一个.exe的过程
- js将对象格式化成string
- UITextField
- 黑马程序员[android]我的java基础学习日记一
- JavaScript基本技巧
- TQ2440 学习笔记—— 24、IIC 接口
- Python xml.etree.ElementTree 用法
- c++必须在类初始化列表中初始化的几种情况
- UIView
- EditPlus添加asm配置
- LeetCode || Combinations
- UILabe的特殊格式
- Android Studio格式化代码设置和代码风格设置、代码提示键