Question

很高兴得知""https://stackoverflow.com/a/10763103/169992"" 这条路基本上是小分类 JavaScript Array (从链接复制的代码):

function SomeType() {
    this.push(16);
}

SomeType.prototype = [];
SomeType.prototype.constructor = SomeType; // Make sure there are no unexpected results

console.log(new SomeType()); // Displays in console as [16]

但这不是完全的。是否有办法可以伪造像这个 < em> 和这样的子类的阵列, 并获得 < code> [ < / code> 方法?

var a = [];
a[3]  = true;
console.log(a.length); //=> 4

var s = new SomeType();
s[3]  = true;
console.log(s.length); //=> 1

这样您仍然可以把它当作一个数组来对待, 当进行循环时 :

for (var i = 0; i < s.length; i++) {
  var item = s[i];
}

Answer 1

只对 (已折旧) 的浏览器有效, 所以它不是交叉浏览器 :

var CustomArray = function ( ) {
  var array = [ 16 ];
  array.__proto__ = this.__proto__;
  return array;
};

CustomArray.prototype = [];
CustomArray.prototype.constructor = CustomArray;

var array = new CustomArray( );
console.log( array instanceof Array );       // true
console.log( array instanceof CustomArray ); // true

array[ 3 ] = 42;
console.log( array.length );                 // 4

我认为没有其他办法了。

Answer 2

我发现“ Array” 子类的最佳方法不是“ Array” 子类, 而是另一个“ Array- 类似Object ” 子类, 外面有很多, 一种是使用收藏。基本上它做着阵列所做的一切( 包括括号记号), 但它是一个“ 习惯” 原型, 这样它很容易被小类地分类, 不像本地原型, 当它们被子类时, 通常会有问题。

http://codpen.io/dustinpoissant/pen/AXbjxm?editors=0011;rel=“no follow”>http://codpen.io/dustinpoissant/pen/AXbjxm?editors=0011

var MySubArray = function(){
  Collection.apply(this, arguments);
  this.myCustomMethod = function(){
    console.log("The second item is "+this[1]);
  };
};
MySubArray.prototype = Object.create(Collection.prototype);

var msa = new MySubArray("Hello", "World");
msa[2] = "Third Item";
console.log(msa);
msa.myCustomMethod();

友情链接