JavaScript对象引用缓存

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript对象引用缓存，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1198字，纯文字阅读大概需要2分钟。

内容图文

我们的代码库中有很多对象,名称间隔以避免冲突.

Example : App.local.view.MyView...

在我在代码库中看到的大多数地方,我们使用完整路径来获取对象的引用,并在同一函数中重复多次.

   Example : 
   function hello() {
       App.local.view.MyView.render();
       ...
       ... 
       App.local.view.MyView.reset();
   }

我想了解是否存储对象的引用,如下所示

var MyView = App.local.view.MyView;

性能会有任何改善.是什么让我问这个问题是形式我的理解现代浏览器如铬在幕后为我们自动做一些优化.

解决方法:

这将是一个改进,但我们说的是一个完全可以忽略的.

查找对象的属性需要时间,但它确实非常快.

如果出于性能原因这样做,请不要这样做.

如果你这样做是为了让你的代码更具可读性/可维护性,那就没关系.

编辑：

我创建了一个基准来测试这个：Run the benchmark

var data = {a: {b: {c: {d: 1}}}};
var cache = data.a.b.c.d;

// uncached 901,326,988 ±1.03% fastest
// cached 879,568,962 ±0.95% 2% slower

// Chrome 41 on OSX 10.10

那太令人惊讶了！

事实证明,打电话更快

data.a.b.c.d + 1

代替

cache + 1

我确信这会因JavaScript的实现而有所不同.提供为什么会发生这种情况的具体原因将留给在js引擎内部挖掘的其他genii.

So with that in mind, my recommendations above stay the same:

如果出于性能原因这样做,请不要 – 它实际上更慢.

如果你这样做是为了让你的代码更具可读性/可维护性,那就没关系 – 性能成本值得更清晰的代码.

内容总结

以上是互联网集市为您收集整理的JavaScript对象引用缓存全部内容，希望文章能够帮你解决JavaScript对象引用缓存所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---