从 TypeScript 扩展数组

Question

我在下面的代码中做错了什么？

我正在尝试在我的班级 MyNumberList 上扩展 Array，然后尝试使用它。我看到的是似乎没有项目被添加到列表中。当我尝试访问列表元素时，我得到一个undefined。

PS 我使用的是 TypeScript 1.8.2

class MyNumberList extends Array<number> {

  constructor(...numbers: number[]) {
    // looks like this is not working
    super(...numbers);
  }
}

let statusCodes: MyNumberList = new MyNumberList(10, 20, 30);

console.log(statusCodes[0]);       // printing undefined
console.log(statusCodes.length);   // printing 0

Answer 1

数组无法在 ES5 中扩展，因此 TypeScript 编译器生成的代码无法正常工作。它为您的构造函数生成的代码是这样的：

function MyNumberList() {
    var numbers = [];
    for (var _i = 0; _i < arguments.length; _i++) {
        numbers[_i - 0] = arguments[_i];
    }
    _super.apply(this, numbers);
}

..._super 是 Array。在正常情况下，_super.apply(this, numbers) 可以正常工作，但是 Array 函数在作为函数调用时的行为与作为构造函数调用时不同。 Babel 和其他 ES2015 (ES6) 到 ES5 的转译器也有同样的问题。正确地从数组继承需要 JavaScript 引擎中的特性，而这些特性在 ES5 引擎中不存在。

如果您将构造函数代码更改为：

constructor(...numbers: number[]) {
  super();
  this.push(...numbers);
}

...它将正确填充您的实例。不过，我无法保证 Array 的其他功能的效果如何。