JavaScript效率调优经验
更新时间：2009年06月04日 02:11:33 作者：
有时候大家在使用多字符的时候，需要用的到下面的知识。
1. 将循环次数的定义放到循环体外：这点好像所有的语言都是一样的，在100个元素以上时效果越来越明显。也就是说将for(var i=0;i<arrData.length;i++)修改为for(var i=0,len=arrData.length;i<len;i++)会很大地提高性能，因为它避免了每循环一次计算一下length的操作。另外，有老外宣称，降序循环速度更快，即for(var i=arrData.length-1;i>=0;i--)。本人测试后发现和升序循环相比效率差异不大。
2. 将多层对象引用改为更短路径的引用：JavaScript中，这个问题非常明显，如proposalNo域var proposalNoField = fm.proposalNo。在一个循环中（100次以上）使用proposalNoField.value和fm.proposalNo.value的区别非常巨大。所以尽量通过使用中间变量的方式来缩短访问路径。
3. 第三方JavaScript包的影响：由于JavaScript支持原型，如prototype.js就修改了Array的一些行为，有时自己写的代码是没有问题的，但是如果被修改了原型，则也会发生问题，如prototype.js的1.4版本就存在Bug，某些情况下的数组排序会导致死循环。
2. 将多层对象引用改为更短路径的引用：JavaScript中，这个问题非常明显，如proposalNo域var proposalNoField = fm.proposalNo。在一个循环中（100次以上）使用proposalNoField.value和fm.proposalNo.value的区别非常巨大。所以尽量通过使用中间变量的方式来缩短访问路径。
3. 第三方JavaScript包的影响：由于JavaScript支持原型，如prototype.js就修改了Array的一些行为，有时自己写的代码是没有问题的，但是如果被修改了原型，则也会发生问题，如prototype.js的1.4版本就存在Bug，某些情况下的数组排序会导致死循环。
相关文章
这篇文章主要介绍了javascript内存分配原理,结合实例形式分析了javascript原始值和引用值内存分配的原理与实现技巧,需要的朋友可以参考下2017-04-04
严格模式就是使JS编码更加规范化的模式,消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为。下面通过代码相结合的形式给大家介绍js中的严格模式，感兴趣的朋友一起看看吧2018-06-06
当要格式化的数字为null、空或非数字时，返回的结果。默认为02010-11-11
在前端开发中,跨浏览器兼容性问题一直是个不容忽视的挑战,本文将从多个角度详细解析跨浏览器兼容性问题的根源、常见问题以及解决方案,需要的可以参考下2025-03-03
这篇文章主要介绍了javascript数据结构之二叉搜索树实现方法,较为详细的分析了二叉搜索树的概念、原理与JavaScript实现二叉搜索树的方法,对于学习JavaScript数据结构具有一定参考借鉴价值,需要的朋友可以参考下2015-11-11
JavaScript 是一门强大的前端语言,在处理数值格式化时提供了多种方法,在开发过程中,我们经常需要将大数字格式化,使其更具可读性,例如,将 12000000.11 转换为 12,000,000.11,本文将详细介绍 JavaScript 中如何实现这种格式化,需要的朋友可以参考下2025-04-04
这篇文章主要介绍了JS实战篇之收缩菜单表单布局的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-12-12
引入 TypeScript 到 Electron 项目可以帮助你捕捉错误并在编写代码时提供更好的自动完成和文档，这篇文章主要介绍了electron使用typescript的步骤,需要的朋友可以参考下2024-04-04
这篇文章主要介绍了微信小程序按钮点击跳转页面，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
这篇文章主要介绍关于导出Excel通用方法的实用前端技巧,希望能够帮助大家更好地处理数据导出需求,接下来,我将为大家详细介绍这个方法和代码实现,需要的朋友可以参考下2023-09-09
最新评论