Question

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

我目前正在学习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方法作为预先存在的一部分字符串类？

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

在TypeScript中扩展功能

1 个答案: