js对象的读取速度实例详解
更新时间：2021年11月08日 08:34:46 作者：小妮浅浅
在本篇文章里小编给大家整理了一篇关于js对象的读取速度实例详解内容，有需要的朋友们可以跟着学习下。
1、访问字面量和局部变量最快，而访问数组元素和对象成员相对较慢。访问对象成员时，就像作用域链一样，在原型链上搜索。
2、如果找到的成员在原型链中的位置太深，访问速度就会变慢。
所以要尽量减少对象成员的搜索次数和嵌套深度。
实例
// 进行两次对象成员查找
function hasEitherClass(element, className1, className2) {
return element.className === className1 || element.className === className2;
}
// 优化，如果该变量不会改变，则可以使用局部变量保存查找的内容
function hasEitherClass(element, className1, className2) {
const currentClassName = element.className;
return currentClassName === className1 || currentClassName === className2;
}
内容扩展：
js对象操作性能问题
1 string越长，那么使用str+="xxx"所花的时间将显著增加（近乎指数级别）。
2 对象数组仅仅只有400个元素的时候，对每个元素的属性和方法的访问时间都达到
了每个属性或者方法1/4毫秒！如果一个元素有10个属性，那么对数组的一次遍历，至少需要1秒，恐怖
3 FileSystem的操作，特别是write的操作几乎与要写的字符串长度的平方成正比。
4 不要采用自己定义的方法进行字符串操作，特别是替代和查找，比较；
我对正则式掌握不透，使用自定义函数的时候，发现在上述2）中提到的遍历中，
自定义函数耗费的时间达到了总时间的80％！
到此这篇关于js对象的读取速度实例详解的文章就介绍到这了,更多相关js对象的读取速度内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
JAVA Web实时消息后台服务器推送技术---GoEasy
本篇文章主要介绍了PHP实现Web实时消息后台服务器推送技术，这里整理了详细的代码,有需要的小伙伴可以参考下。2016-11-11
浅谈SpringMVC中post checkbox 多选框value的值(隐藏域方式)
下面小编就为大家分享一篇浅谈SpringMVC中post checkbox 多选框value的值(隐藏域方式)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01
谈及过年，最先让人想到的就是，噼里啪啦的鞭炮声。本文将利用JavaScript实现一个简单的放鞭炮动画效果，感兴趣的小伙伴可以了解一下2023-01-01
这篇文章主要介绍了在TypeScript项目中搭配Axios封装后端接口调用,本文记录一下在 TypeScript 项目里封装 axios 的过程，之前在开发 StarBlog-Admin 的时候已经做了一次封装，不过那时是JavaScript跟TypeScript还是有些区别的，需要的朋友可以参考下2024-01-01
这篇文章主要介绍了详解如何提升JSON.stringify()的性能，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-06-06
这篇文章主要给大家介绍了关于webpack优化的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-12-12
这篇文章主要为大家详细介绍了js+html5实现页面可刷新的倒计时效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
这篇文章主要为大家详细介绍了Javascript技术栈中的四种依赖注入，感兴趣的小伙伴们可以参考一下2016-02-02
本篇文章主要介绍了js前端实现图片懒加载(lazyload)的两种方式 ，使用图片懒加载可以提高网页运行速度，有兴趣的可以了解一下。2017-04-04
JavaScript中你不知道的Object.entries用法
大家应该都知道,Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组，其排列与使用 for...in 循环遍历该对象时返回的顺序一致,这篇文章主要给大家介绍了关于JavaScript中你不知道的Object.entries用法的相关资料,需要的朋友可以参考下2021-10-10
最新评论