JavaScript 有必要缓存 for 循环中的 Array.length 吗？ 第1页
1
straybugs 网友的相关建议:
题主来了
先上结论：缓存 Array.lengh 对优化影响不大，甚至会减慢。
1、从测试结果上看
stackoverflow 上也有这个讨论，
For-loop performance: storing array length in a variable。
accepted 的答案是说缓存会起到加速的结果，给出了
jsPerf测试。
但是有答案反对，也给出了
jsPerf测试。
两个答案的区别在于 （
Loop-invariant code motion） 后面会讲到。
从另一篇文章
Shoud I have to cache my array’s length?的测试结果也可以看出缓存差别不大。
还有这篇
JavaScript's .length Property is a Stored Value2、从 V8 的中间代码分析
这篇文章
http:// mrale.ph/blog/2014/12/2 4/array-length-caching.html从 V8 的 hydrogen 探讨 Array.length 在 for 循环中的处理。
正如上面提到的
Loop-invariant code motion，引擎会把能确定不变的代码移到循环外。
所以像下面这种代码也不会影响引擎对 Array.length 的优化：
function uncached(arr) { for (var i = 0; i < arr.length; i++) { arr[i] } } 而当循环中调用不可
内联函数时，引擎没法做优化，每次循环都会重新计算一遍 length
function BLACKHOLE(sum, arr) { try { } catch (e) { } } function uncached(arr) { var sum = 0; for (var i = 0; i < arr.length; i++) { sum += arr[i]; if (sum < 0) BLACKHOLE(arr, sum); } return sum; } 但这时即便是在循环外缓存了 length 也是没有用的，引擎没法预判数组的变化，当需要访问数组元素时会触发 bounds check ，从而照样要计算一遍 length 。所以缓存 length 是没有用的。
甚至，由于多了一个变量，底层的寄存器分配器每次循环还要多一次恢复这个变量。当然这个只有在大规模的情况下才会看出区别。
当然这篇文章也有局限性，仅仅讨论了 V8 引擎，也没有讨论访问 length 代价更高的 HTMLCollection 。但这已经足够让我们不用再局限于缓存的写法，可以放开来按照自己喜欢的方式去写循环了。
【完】
1
相关话题
有哪些短小却令人惊叹的 JavaScript 代码？如果一瞬间让所有编程语言的0.1 + 0.2 == 0.3，会造成多大影响？
前端开发的难点到底在什么地方?
CSS Grid 布局那么好，为什么至今没有人开发出基于 Grid 布局的前端框架呢？
为什么一直没有出现一个可以把现代 CSS 编译为支持老版本浏览器 CSS 的编译工具？
开发者和用户之间的世界观距离有多大？
随着 JavaScript 越来越完善，还有必要学习 TypeScript 吗？
能独立做出一个自己的博客，前端程序员是什么水平?
大型公司里外包员工和正式员工有什么区别？
有哪些设计精美的网页？
前一个讨论
做中文 NLP 的时候，大家为啥不用拼音？
下一个讨论
smarty 应该由谁来写？
相关的话题
《阮一峰版快速排序完全是错的》一文是否存在事实错误？代码门事件真相如何？小米是否在进行虚假营销，真实销量几何？
HTML 静态页面的头部和底部都是相同的，如何让每个页面统一调用一个公共的头部和底部呢？
现在整个 Web 前端是「屎山」吗？
前端做的页面为什么总是跟设计稿差很多?
前端程序员刚进入公司上来给我了一套五年前的管理系统代码让我吃透了改bug，根本看不懂想离职了怎么办？
为什么加载 JavaScript 使用 src，加载 CSS 使用 href？
不太理解预防csrf攻击中的“双提交cookie”是什么意思？
为什么一直没有出现一个可以把现代 CSS 编译为支持老版本浏览器 CSS 的编译工具？
为什么有些前端一直用 div 当按钮，而不是用 button？
程序员讨厌面试被问一些基础问题么？
为什么前端老觉得后端简单？
为什么说js中的array不是真array，class不是真class？
为什么不能使用自闭合script标签引入jQuery?
如何评价JavaScript这门语言？
为什么try catch能捕捉await后promise错误？ 和执行栈有关系吗？
开发者和用户之间的世界观距离有多大？
为什么网页都可以查看源代码？
为什么Vue在国际上越来越没影响力？
算法老师劝学生放弃学习 JavaScript，我该怎么办？
setTimeout 真的有用吗？
老师要求我只能使用C++、C或者Java写算法，如何看这种做法？
有多大比例的前端工程师，能在合理的时间内独立开发出一个足以供商业网站使用的文本编辑器？
github有没有办法前后端分两个项目，前端代码软连接到后端文件夹中?
CSS Grid 布局那么好，为什么至今没有人开发出基于 Grid 布局的前端框架呢？
框架用比不用的真正优势？
前端做的页面为什么总是跟设计稿差很多?
es,js,ts三者有什么关系？
如何在程序里留下彩蛋？
你见过哪些奇趣的代码注释？