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

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％。

[URL to benchmark]

基准测试结果让我感到困惑。出于什么原因，前一种方法应该比后一种方法慢得多？

Answer 1

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

http://jsperf.com/object-properties-and-array-items/2