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对象的读取速度内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 用js生产批量批处理执行命令

    用js生产批量批处理执行命令

    因为从别的地方弄到了100个广告代码,但因为他的里面加入了很多东西,所以需要批量删除一个文件夹和加入我的网站的快捷方式
    2008-07-07
  • JavaScript中:表达式和语句的区别[译]

    JavaScript中:表达式和语句的区别[译]

    本文要讲的是JavaScript中非常重要的两个知识点:表达式(expressions)和语句(statements)之间的区别
    2012-09-09
  • Bootstrap表单布局

    Bootstrap表单布局

    这篇文章主要介绍了Bootstrap表单布局的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • 优雅的使用javascript递归画一棵结构树示例代码

    优雅的使用javascript递归画一棵结构树示例代码

    这篇文章主要给大家介绍了关于如何优雅的使用javascript递归画一棵结构树的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用javascript具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-09-09
  • 深入理解事件冒泡(Bubble)和事件捕捉(capture)

    深入理解事件冒泡(Bubble)和事件捕捉(capture)

    下面小编就为大家带来一篇深入理解事件冒泡(Bubble)和事件捕捉(capture)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • javascript弹出一个层并增加一个覆盖层

    javascript弹出一个层并增加一个覆盖层

    弹出一个层的js代码,比较不错
    2008-10-10
  • JavaScript获取Excel表格的列序号和列名

    JavaScript获取Excel表格的列序号和列名

    这篇文章主要介绍了JavaScript获取Excel表格的列序号和列名,在处理Excel文件时,通常要获取xx列的数据,这就要求先找到列序号,下文关于列名获取需要的小伙伴可以参考一下
    2022-05-05
  • JavaScript每天定时更换皮肤样式的方法

    JavaScript每天定时更换皮肤样式的方法

    这篇文章主要介绍了JavaScript每天定时更换皮肤样式的方法,涉及javascript针对时间及css样式的相关操作技巧,需要的朋友可以参考下
    2015-07-07
  • 微信小程序实现日历效果

    微信小程序实现日历效果

    这篇文章主要为大家详细介绍了微信小程序实现日历效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • JS添加删除DIV的简单实例

    JS添加删除DIV的简单实例

    下面小编就为大家带来一篇JS添加删除DIV的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07

最新评论