JavaScript 优化
Javascript 是一门解释性的语言,他是直接下载到用户的客户端进行执行。 因此代码本 身的优劣直接决定了代码下载的速度已经执行的效率。 Javascript优化问题,包括代码下载时间、代码执行时间、优化的一些原则等。
1. Web浏览器下载的是JavaScript的源码,其中包含的长变量名、注释、空格和换行等 多余字符大大减缓了代码的下载的时间。 这些字符对于团队编写代码时十分有效,但是在最 后上传到server,可以考虑删除。 可用到的工具是:JSMin、OnlineJSCompressor等。关键词是:减少代码体积。 具体实例: (1) 定义数组是不用new Array(),而是直接用"[]"代替; (2) 对象定义时不用new Object(),而是用"{}"代替。 var arra = new Array() ====> var arra = []; var obj = new Object() ====> var obj = {};
2. 合理声明变量 在Broswer中,JavaScript默认的变量范围是window对象,也就是全局变量。 全局变量只有在Broswer关闭后才释放。 局部变量通常在function中执行完毕就立即被释放。 故在函数体重要尽可能使用var 关键字来声明变量。 3. 尽量使用内置函数缩短编译时间。 因为内置的属性、方法都是用类C、C++之类的语言编译过得,运行起来比实施编译的JS快很多。如指数函数等。 4. 合理书写IF语句。 (1)If语句执行效率并不高,在用if和多个else语句时,一定要把最有可能的情况发在第一位,然后可能性第二的...依次类推。 (2)通常当超过两种情况是 ,最好使用switch语句。经常使用switch语句替代if语句,可以令执行速度甚至快10倍。 另外case语句可以使用任何类型。 5. 最小化语句数量,脚本中语句越少执行的时间月短,而且代码的提交也会相应减小。例如用var语句定义变量时可以一次定义多个如: var iNum = 234; var sColo = "red"; ====>var iNum = 234,sColo="red"; var s = acas[i]; i++; ====> var s = acas[i++]; 6 节约使用DOM(次数), JS对DOM的处理可能是最耗费时间的操作之一。每次JS对DOM的 操作都会改变页面的表现,并重新渲染整个页面,从而有明显的时间消耗。
相关推荐
softwear 2020-08-21
ZGCdemo 2020-08-16
northwindx 2020-05-31
zrtlin 2020-11-09
xuebingnan 2020-11-05
wikiwater 2020-10-27
heheeheh 2020-10-19
Crazyshark 2020-09-15
jczwilliam 2020-08-16
littleFatty 2020-08-16
idning 2020-08-03
jinxiutong 2020-07-26
lanzhusiyu 2020-07-19
Skyline 2020-07-04
xiaofanguan 2020-06-25
Aveiox 2020-06-23