arrays - 如何扩展和覆盖 typescript 中的数组方法

现在我要实现一个数组代理。这是我的密码

class ArrayProxy<T> extends Array<T> {

    constructor(data: T[]) {
        super(...data);
    }

    push(...items: T[]): number {
        var res = super.push(...items);
        console.log("push invoked!");
        // some code to do extra operation.
        return res;
    }
}

var foo = new ArrayProxy(["aa","bb"]);
foo.push("cc");

似乎我的override push方法没有被调用。foo变量是array而不是arrayproxy的实例。
我的打字本版本：2.3.2
tsconfig.json配置

{
    "compilerOptions": {
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "moduleResolution": "classic",
        "target": "es5",
        "module": "system",
        "outFile": "js/test.js"
    }
}

我的测试
我在寻找解决办法，但失败了。

class MyNewArray<T> extends Array<T> {
    getFirst() {
        return this[0];
    }
}

var myArray = new MyNewArray<string>();
myArray.push("First Element");
console.log(myArray.getFirst()); // "First Element"

从David Sherret
但我错了。

Uncaught (in promise) Error: myArray.getFirst is not a function
  Evaluating http://localhost:8080/application/test/application/ts/bind_test
  Loading application/ts/bind_test
    at Object.execute (test.js:1733)
    at j (system.js:4)
    at E (system.js:4)
    at O (system.js:4)
    at system.js:5

更新
当我在arrayproxy的构造函数中的超级调用之后添加Object.setPrototypeOf(this, ArrayProxy.prototype);时，它就工作了。感谢@aluan haddad。

最佳答案

子类化内置程序当前已损坏。
这也非常危险，因为当代码在符合es2015的环境中执行时，对于Map这样的函数，它将失败。
使用构图并避免使用这些技巧。
请参阅此处以获取参考：https://github.com/Microsoft/TypeScript-wiki/blob/master/Breaking-Changes.md#extending-built-ins-like-error-array-and-map-may-no-longer-work