javascript - 关于计算数组索引和重复引用特定数组值的效率的问题

Question

在尽量减少处理 JavaScript 函数所需的时间时，请考虑此设置。在函数中是一个循环，它对类似对象的数组进行操作。数组的索引是[4 + loop counter] 并且有多个对array[4+i][various property names]的引用，比如a [4+i].x, a[4+i].y, a[4+i].z 在每个循环迭代中。

在每个循环迭代中多次计算 4+i 是否可以，或者是否可以通过在循环顶部声明一个变量来保存 4 的值来提高效率+i 并使用该变量作为索引，或者声明一个变量作为对 a[4+i] 对象的引用？浏览器是声明一个新变量还是添加十次 4+i 工作量更大？浏览器是否每次都工作以查找 a[n] 这样，如果需要在每次循环迭代中多次使用 a[n] 中的对象，它将是最好设置 x = a[n] 并只引用 x.property_names 十次？

感谢您考虑我的新手问题。

Answer 1

Does the browser work each time to find a[n] such that, if one needs to use the object in a[n] multiple times per loop iteration, it would be better to set x = a[n] and just reference x.property_names ten times?

是的。尽管 JavaScript 引擎可能能够优化重复的 a[4+i] 工作，但它也可能无法做到这一点，具体取决于您的代码在做什么。相比之下，创建一个局部变量来存储引用是非常非常少的工作。

从主观上讲，执行一次 x = a[4+i] 然后使用 x 可能对读者来说更清晰并且更易于维护。

也就是说，在您的具体情况下了解这个问题的答案的最好方法是去做，看看是否有改进。