如何在打字稿中扩展 Array<T>

Question

在"Typescript extend String Static"的帖子中，我得到了一些我们可以扩展现有的打字稿基类，例如，添加新方法

interface StringConstructor {
   isNullOrEmpty(str:string):boolean;
}
String.isNullOrEmpty = (str:string) => !str;

确实有效。但是对于通用接口，我遇到了问题。例如，我需要在 Array 中添加新方法 contains()。我使用以下代码：

   //1
    interface Array<T> {
        contain(item: T): boolean;
    }  
    //2
    ?????? = (item: T) => {
    // ....
        return true;
    };

在第 1 步之后，在 VS intellisense 中会弹出包含方法，但我在哪里可以实现方法？

Answer 1

由于接口中的定义已经绑定到泛型约束，在实现中你可以把它当作any：

interface Array<T> {
    contain(item: T): boolean;
}  

Array.prototype.contain = function(item) {
    return this.some(obj => item == obj);
};

另外，不要对原型方法使用箭头函数，原因如下：

interface Array<T> {
    fn(): void;
}

Array.prototype.fn = () => {
    console.log(this);
};

let a = [];
a.fn(); // Window

但是：

Array.prototype.fn = function() {
    console.log(this);
};

let a = [];
a.fn(); // []

如果您的目标是 es5 或更低，那么编译器会将箭头函数转换为常规函数并不重要，但如果您随后切换到目标 es6（并且箭头函数将持续存在），那么您的代码会中断，你不会明白为什么。