星空网 > 软件开发 > Java

javascript高级教程:如何优化javascript代码性能

web前端开发中,为实现一些动态效果,减小页面大小,我们一般都会使用JavaScript技术来进行相关设置。但是初学者在编写JavaScript代码的时候,往往都是比较低质的代码,那如何才能提高JavaScript代码的质量呢?今天小编就和大家分享分享。

1、尽量使用源生方法

       由于javaScript是解释性语言,相比编译性语言执行速度要慢,所以尽量使用源生方法,对于浏览器已经实现的方法,就不要去再实现一遍了,加快页面的加载速度。

2、避免全局查找

为避免全局查找,现在我们一般的做法,都是在函数中将全局对象存储为局部变量来处理,加快访问速度。

javascript高级教程:如何优化javascript代码性能

 3、尽量减少循环次数

      在 代 码编写中,循环的使用是不可避免的,但是为了提高代码质量,我们需要做的就是在保证不影响相关功能的前提下,尽量减少循环的使用。因为,少一层循环, 就 能提高数倍的性能。如果要对一个数组的每个元素进行多次操作,尽可能使用一次循环,多次操作,而不是多次循环,每次循环执行一次操作。尤其是在进行多 个正 则匹配的时候,尽可能合并正则表达式,在一次遍历中尽可能找到相应的匹配。

循环

javascript高级教程:如何优化javascript代码性能

switch

javascript高级教程:如何优化javascript代码性能

4、条件分支

    将条件分支,按可能性顺序从高到低排列,以减少解释器对条件的探测次数。

在同一条件 >2条件分支时,使用switch优于if:switch分支选择的效率高于if,在IE下尤为明显。4条分支的测试,IE下switch的执行时间约为if的一半。

使用三目运算符替代条件分支

javascript高级教程:如何优化javascript代码性能

5、减少定时器的初始化

javascript高级教程:如何优化javascript代码性能

如果针对的是不断运行的代码,不应该使用setTimeout,而应该是用setInterval,因为setTimeout每一次都会初始化一个定时器,而setInterval只会在开始的时候初始化一个定时器。

6、创建对象的另外一个办法-不使用new

javascript高级教程:如何优化javascript代码性能

 7、用做标记的变量尽可能使用布尔类型

直接用true和false做标记,不要使用数字或者字符串的1和0来做标记。

以上就是JavaScript代码

在编写过程中的几条建议,希望能帮助web前端初学者写出高质量代码。另以上代码都可以在jQuery的源码里面查询到,有什么问题的话,大家可以去麦子圈问答版块提出,会有web前端大牛及时为你解答。




原标题:javascript高级教程:如何优化javascript代码性能

关键词:JavaScript

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

中国到泰国出口运输方式:https://www.goluckyvip.com/tag/88468.html
物流运泰国:https://www.goluckyvip.com/tag/88469.html
fest”页面:https://www.goluckyvip.com/tag/8847.html
广西到泰国物流:https://www.goluckyvip.com/tag/88470.html
什么快递发泰国:https://www.goluckyvip.com/tag/88471.html
从泰国货运:https://www.goluckyvip.com/tag/88472.html
2024.04.18亚马逊选品推荐(仅供参考):女装蛋糕连衣裙:https://www.kjdsnews.com/a/1842234.html
欧洲市场疯了,订单排到7、8月!:https://www.kjdsnews.com/a/1842235.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流