JavaScript代码性能优化总结篇
更新时间：2016年05月15日 16:58:42 作者：miragele
本文给大家总结了有关js代码性能优化的相关知识，非常不错，感兴趣的朋友一起学习吧
下面是我总结的一些小技巧，仅供参考。
以下代码基本上在jQuery的源码里面都可以看到，如有说得不对的地方，请大家指出。
尽量使用源生方法
javaScript是解释性语言，相比编译性语言执行速度要慢。浏览器已经实现的方法，就不要再去实现一遍了。另外，浏览器已经实现的方法在算法方面已经做了很多优化。
避免全局查找
在一个函数中会用到全局对象存储为局部变量来减少全局查找，因为访问局部变量的速度要比访问全局变量的速度更快些。
尽量减少循环次数
少一层循环，就能提高数倍性能。如果要对一个数组的每个元素进行多次操作，尽可能使用一次循环，多次操作，而不是多次循环，每次循环执行一次操作。尤其是在进行多个正则匹配的时候，尽可能合并正则表达式，在一次遍历中尽可能找到相应的匹配。
循环
switch
条件分支
将条件分支，按可能性顺序从高到低排列：可以减少解释器对条件的探测次数。
在同一条件 >2条件分支时，使用switch优于if：switch分支选择的效率高于if，在IE下尤为明显。4条分支的测试，IE下switch的执行时间约为if的一半。
使用三目运算符替代条件分支。
定时器
如果针对的是不断运行的代码，不应该使用setTimeout，而应该是用setInterval，因为setTimeout每一次都会初始化一个定时器，而setInterval只会在开始的时候初始化一个定时器。定时器
创建对象的另外一个办法-不使用new
用做标记的变量尽可能使用布尔类型
直接用true和false做标记，不要使用数字或者字符串的1和0来做标记。
相关文章
比较全的 js事件，大家可以快速的掌握 js事件效果代码。2009-07-07
一直让我困扰的是，我不知道如何去让这个效果 自动播放，或者费了很多周折。这可能叫初始化。2010-05-05
构造器函数以大写字母开头是一个好的习惯,这可以作为一个提醒,让你在调用的时候不要忘记前面的new运算符.2009-08-08
最全面的百度地图JavaScript离线版开发,这篇文章主要为大家详细介绍了JavaScript离线版开发的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
下面小编就为大家分享一篇javascript实现数字配对游戏的实例讲解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-12-12
纯JavaScript实现HTML5 Canvas六种特效滤镜示例
实现了六款简单常见HTML5 Canvas特效滤镜，并且封装成一个纯JavaScript可调用的API文件gloomyfishfilter.js，程序源代码如下，感兴趣的朋友可以参考下哈2013-06-06
这篇文章主要介绍了JavaScript常见JSON操作,简单描述了json的概念、常见json类型,并结合实例形式分析了json的序列化、转换、格式化、解析等相关操作技巧,需要的朋友可以参考下2018-08-08
这篇文章主要介绍了jquery单行文字向上滚动效果的具体实现，此效果适应于很多场景，会的不会的都要学习下啊2014-09-09
这篇文章主要为大家详细介绍了JavaScript实现打地鼠游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
这篇文章主要为大家详细介绍了Javascript实现简易导航栏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-06-06
最新评论