在TypeScript中扩展功能

Question

可能重复:
原型如何在打字稿上扩展？

我目前正在学习TypeScript,并想知道如何向现有对象添加功能.假设我想为String对象添加Foo的实现.在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方法作为预先存在的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);
}