在TypeScript中扩展功能

Question

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

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

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

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

1.参考来自JavaScript的TypeScript实现

    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方法作为预先存在的String类的一部分？

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);
}