可能重复:
原型如何在打字稿上扩展?
我目前正在学习TypeScript,并想知道如何向现有对象添加功能.假设我想为String对象添加Foo的实现.在JavaScript中我会这样做:
String.prototype.Foo = function() {
// DO THIS...
}
Run Code Online (Sandbox Code Playgroud)
理解TypeScript类,接口和模块是开放式的,这使我尝试以下方法,但没有成功
1.从TypeScript引用JavaScript实现
JavaScript:
String.prototype.Foo = function() {
// DO THIS...
}
TypeScript:
var x = "Hello World";
x.Foo(); //ERROR, Method does not exist
Run Code Online (Sandbox Code Playgroud)
2.扩展界面
interface String {
Foo(): number;
}
var x = "Hello World";
x.Foo(); //Exists but no implementation.
Run Code Online (Sandbox Code Playgroud)
3.扩展课程
class String {
Foo(): number {
return 0;
}
}
// ERROR: Duplicate identifier 'String'
Run Code Online (Sandbox Code Playgroud)
从这些结果可以看出,到目前为止,我已经能够通过接口契约添加方法,但没有实现,因此,如何定义和实现我的Foo方法作为预先存在的String类的一部分?
我目前正在开发TypeScript API,它需要一些绑定到Object原型(Object.prototype)的附加功能.
请考虑以下代码:
class Foo {
}
interface Object {
GetFoo(): Foo;
GetFooAsString(): string;
}
//This is problematic...
Object.prototype.GetFoo = function() {
return new Foo();
// Note, this line is just for testing...I don't want my function to just return a blank instance of Foo!
}
//This is ok.
Object.prototype.GetFooAsString = function () {
return this.GetFoo().toString();
}
Run Code Online (Sandbox Code Playgroud)
您可能想直接在Playground尝试这个.
如你所见,我有一个叫做的类Foo(不是我将要使用的实际对象名).我还扩展了Object界面以包含两个新功能.最后我实现了针对prototype这些功能(这些工作在纯JavaScript中,它只是抱怨的TypeScript).
我在其中注释" //这是有问题的...... "TypeScript用红色波浪形突出显示,并显示以下错误:
Cannot convert '() => Foo' to '{ (): Foo; (): …Run Code Online (Sandbox Code Playgroud)