JavaScript代码性能优化总结(推荐)

 更新时间:2016年05月16日 08:58:27   投稿:jingxian  
下面小编就为大家带来一篇JavaScript代码性能优化总结(推荐)。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧,祝大家游戏愉快哦

下面是我总结的一些小技巧,仅供参考。

以下代码基本上在jQuery的源码里面都可以看到,如有说得不对的地方,请大家指出。

尽量使用源生方法

javaScript是解释性语言,相比编译性语言执行速度要慢。浏览器已经实现的方法,就不要再去实现一遍了。另外,浏览器已经实现的方法在算法方面已经做了很多优化。

避免全局查找

在一个函数中会用到全局对象存储为局部变量来减少全局查找,因为访问局部变量的速度要比访问全局变量的速度更快些。

避免全局查找

尽量减少循环次数

少一层循环,就能提高数倍性能。如果要对一个数组的每个元素进行多次操作,尽可能使用一次循环,多次操作,而不是多次循环,每次循环执行一次操作。尤其是在进行多个正则匹配的时候,尽可能合并正则表达式,在一次遍历中尽可能找到相应的匹配。

循环

循环

switch

switch

条件分支

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

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

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

条件分支

定时器

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

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

创建对象

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

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

以上这篇JavaScript代码性能优化总结(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 每天一篇javascript学习小结(String对象)

    每天一篇javascript学习小结(String对象)

    这篇文章主要介绍了javascript中的String对象知识点,对String对象的基本使用方法,以及各种方法进行整理,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • 千万别错过的JavaScript sort方法使用指南

    千万别错过的JavaScript sort方法使用指南

    sort方法在我们的日常开发中是经常使用的,sort方法一般是用来对数组进行排序的,但是你是否知道sort方法默认是按什么方式排序的呢?下面就和我一起来深入了解sort方法吧
    2023-05-05
  • 使用layer弹窗,制作编辑User信息页面的方法

    使用layer弹窗,制作编辑User信息页面的方法

    今天小编就为大家分享一篇使用layer弹窗,制作编辑User信息页面的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • 使用JavaScript开发跨平台的桌面应用详解

    使用JavaScript开发跨平台的桌面应用详解

    下面小编就为大家带来一篇使用JavaScript开发跨平台的桌面应用详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • JavaScript计算字符串实际长度方法示例

    JavaScript计算字符串实际长度方法示例

    这篇文章主要为大家介绍了JavaScript计算字符串实际长度方法示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-08-08
  • javscript 数组扁平化的实现

    javscript 数组扁平化的实现

    这篇文章主要介绍了javscript 数组扁平化的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-02-02
  • 判断是否是IE6版本并给出提示升级浏览器

    判断是否是IE6版本并给出提示升级浏览器

    一个与浏览器有关的脚本 ,也是大家从事WEb前端编程常见的编程技巧,就是判断浏览器的版本,如果发现版本不符合你的设计要求,就给出提示升级浏览器,这样你的网页会更有体验。
    2010-06-06
  • JavaScript鼠标移动事件以及实战案例

    JavaScript鼠标移动事件以及实战案例

    在学习JS中我对鼠标移动事件进行了一些总结,需要的可以作参考,下面这篇文章主要给大家介绍了关于JavaScript鼠标移动事件以及实战案例的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-05-05
  • js中unicode转码方法详解

    js中unicode转码方法详解

    这篇文章主要介绍了js中unicode转码方法,需要的朋友可以参考下
    2015-10-10
  • 分享javascript、jquery实用代码段

    分享javascript、jquery实用代码段

    这篇文章主要为大家分享了javascript、jquery实用代码段,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10

最新评论