javascript - 为什么访问对象属性总是比访问数组项更快？

Question

我对两种方法进行了基准测试：

访问数组项

var object = [10, 15, 20];
var x = object[0];
var y = object[1];
var z = object[2];

和访问对象属性

var object = {
  x: 10,
  y: 15,
  z: 20
};
var x = object.x;
var y = object.y;
var z = object.z;

我希望对数组项的访问速度更快，~~因为不涉及属性名称解析~~。

然而，令我惊讶的是，在所有浏览器中访问对象属性的速度大约快了 30% 。

基准测试结果让我感到困惑。为什么前一种方法比后者慢得多？

score 12 · Accepted Answer

您已经在测试中包含了对象和数组的创建。如果你把它放在初始化代码中，差异会变得非常小：

1 回答 1