从数组继承

Question

我试图在不使用 ES6 class 语法糖的情况下继承 Array 的所有方法。此外，我希望像 new MyArray().map() 这样的方法返回 MyArray 的实例。

我的问题的简单说明：

class MyArrayES6 extends Array{}

new MyArrayES6().slice() instanceof MyArrayES6 //true

function MyArray(){}
MyArray.prototype = Object.create(Array.prototype)
MyArray.prototype.constructor = MyArray
MyArray[Symbol.species] = MyArray //Doing this doesn't affect the outcome

new MyArray().slice() instanceof MyArray //false, to my suprise!

A more complete code example 编辑：给出更清晰的例子

Answer 1

问题是ArraySpeciesCreate在对象不是数组时不使用@@species。

如果你不使用extends Array，默认情况下实例不会是数组。

如果你真的想让它工作，你仍然可以返回一个带有修改过的 [[Prototype]] 的真实数组：

function ArraySub(){
  return Object.setPrototypeOf([], ArraySub.prototype);
}
ArraySub.prototype = Object.create(Array.prototype)
ArraySub.prototype.constructor = ArraySub
ArraySub[Symbol.species] = ArraySub;
console.log( new ArraySub().slice() instanceof ArraySub );

但这会严重影响性能。最好使用extends Array。