子類數組的長度

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