子类数组的长度

Question

在以下片段中，子类数组的行为与原始数组的行为不同。为什么？

function Arr() {} 
Arr.prototype = new Array(); 

var iArr = new Arr();  
iArr[0] = 9; 
iArr[5] = 10; 
console.log(iArr.length); 
console.log(iArr[0]); 
console.log(iArr[5]); 
iArr.push(87); 
console.log(iArr.length); 
console.log(iArr[0]); 
console.log(iArr[5]); 

结果

0 
9 
10 
1 
87 
10 

而

var iArr = new Array(); 
iArr[0] = 9; 
iArr[5] = 10; 
console.log(iArr.length); 
console.log(iArr[0]); 
console.log(iArr[5]); 
iArr.push(87); 
console.log(iArr.length); 
console.log(iArr[0]); 
console.log(iArr[5]); 

给

6 
9 
10 
7 
9 
10 

我本来预期的第一个片段为好。

我不明白为什么第一个片段的长度属性没有通过索引访问元素而改变。

Answer 1

length行为仅适用于由Array构造函数通过new Array创建的对象。即length自动行为仅适用于正品Array实例。在此，您拥有的唯一Array实例为Arr.prototype，即iArr的原型父项。 iArr不是由new Array创建的，所以它没有得到神奇的length行为。

iArr上的设置值不会以任何方式操纵原型父级，因此您的Array实例未修改，这意味着length未修改。

当你调用iArr.push，你也不修改父Array实例，但the ES5 spec for push要求push设置到任何对象的length属性呼吁：

调用参数"length",n和true的[[Put]]内部方法O。

对于这样的作品，使用ES6技术的实例，请参见Array subclassing with setPrototypeOf