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代码性能优化总结(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Bootstrap实现下拉菜单效果

    Bootstrap实现下拉菜单效果

    这篇文章主要为大家详细介绍了Bootstrap实现下拉菜单效果的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • Webpack打包过程中处理ES6模块的循环依赖问题小结

    Webpack打包过程中处理ES6模块的循环依赖问题小结

    Webpack通过“暂时性引用”特性处理ES6模块的循环依赖,即在模块加载时创建占位符,确保模块能够正确加载,本文介绍Webpack打包过程中如何处理ES6模块的循环依赖,感兴趣的朋友一起看看吧
    2025-02-02
  • JS获取iframe中marginHeight和marginWidth属性的方法

    JS获取iframe中marginHeight和marginWidth属性的方法

    这篇文章主要介绍了JS获取iframe中marginHeight和marginWidth属性的方法,涉及javascript操作iframe属性的技巧,并分析了marginHeight和marginWidth属性的功能,非常具有实用价值,需要的朋友可以参考下
    2015-04-04
  • 用JavaScript编写COM组件的步骤

    用JavaScript编写COM组件的步骤

    用JavaScript编写出来的COM组件称为WSC。WSC即Windows脚本组件(Windows Scripting Component),是Microsoft COM的一个新技术,可以通过易于使用的脚本语言来创建。
    2009-03-03
  • 简单实用的HTML到UBB转换脚本工具实现说明

    简单实用的HTML到UBB转换脚本工具实现说明

    你也许是位乐于分享的技术人员,尽管你算不上什么技术高手,但是你都希望把自己所知道的通过博客与网友分享。为了让更多人知道你的经验,你可能会努力把博文发布到专业论坛。
    2009-11-11
  • 原生js实现图片轮播特效

    原生js实现图片轮播特效

    这篇文章主要介绍了原生js实现图片轮播特效,适合用于商品展示,实现最简单的广告轮播效果,感兴趣的小伙伴们可以参考一下
    2015-12-12
  • javascript 原型继承介绍

    javascript 原型继承介绍

    最近接触了一下html5,当然,接触过html5的人都知道,html5也不过是提供一些新的标签而已,至于整下实现的核心,还是在javascript这里。
    2011-08-08
  • 利用vscode调试编译后的js代码详解

    利用vscode调试编译后的js代码详解

    看了网上好多在vscode上调试javascript的代码,总是出现问题,索性自己写一个,下面这篇文章主要给大家介绍了关于如何利用vscode调试编译后的js代码的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们一起来看看吧
    2018-05-05
  • javascript检查浏览器是否已经启用XX功能

    javascript检查浏览器是否已经启用XX功能

    本文给大家分享的是检测浏览器是否支持cookie功能,检查浏览器是否已经启用Java支持功能以及获取当前浏览器的信息,十分的实用,有需要的小伙伴可以参考下。
    2015-07-07
  • 如何检测JavaScript中的死循环示例详解

    如何检测JavaScript中的死循环示例详解

    这篇文章主要给大家介绍了关于如何检测JavaScript中死循环的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08

最新评论