在 TypeScript 中扩展功能 [重复]

Question

可能重复：
How does prototype extend on typescript?

我目前正在学习 TypeScript，想知道如何为现有对象添加功能。假设我想将 Foo 的实现添加到 String 对象。在 JavaScript 中我会这样做：

String.prototype.Foo = function() {
    // DO THIS...
}

了解 TypeScript 类、接口和模块是开放式的，这让我尝试了以下方法，但没有成功

1.从 TypeScript 引用 JavaScript 实现

    JavaScript:

    String.prototype.Foo = function() {
        // DO THIS...
    }

    TypeScript:

    var x = "Hello World";
    x.Foo(); //ERROR, Method does not exist

2.扩展接口

interface String {
    Foo(): number;
}

var x = "Hello World";
x.Foo(); //Exists but no implementation.

3.扩展类

class String {
    Foo(): number {
        return 0;
    }
}

// ERROR: Duplicate identifier 'String'

正如您从这些结果中看到的，到目前为止，我已经能够通过接口契约添加方法，但没有实现，那么，我该如何定义和实现我的 Foo 方法作为预先存在的一部分字符串类？

Answer 1

我找到了解决方案。它结合了接口和 JavaScript 实现。该接口为 TypeScript 提供合约，允许新方法的可见性。 JavaScript 实现提供了调用方法时将执行的代码。

示例：

interface String {
    foo(): number;
}

String.prototype.foo= function() {
    return 0;
}

从 TypeScript 1.4 开始，您现在还可以扩展静态成员：

interface StringConstructor {
    bar(msg: string): void;
}

String.bar = function(msg: string) {
    console.log("Example of static extension: " + msg);
}