5

我正在尝试为类创建一个扩展方法,但似乎出了点问题。下面是代码,输出的 JS 文件是正确的,但编译器两次显示错误“test.ts(10,16): The property 'close' doesn't exist on value of type 'Test'” 应该纠正什么?

class Test {
} 

interface Test
{
    close():any;
}

Test.prototype.close  = function() {}

var t = new Test();

t.close();

更新:上面的代码可以使用内置类型编译。我需要扩展我自己的课程。

更新 2:旧的编译器版本问题。目前一切正常!

4

1 回答 1

5

此示例使用继承来扩展原始对象。命名只是为了说明。

class Test {
    baseMethod() {

    }
} 

class TestWithClose extends Test {
    close() {

    }
}

var t = new TestWithClose();

t.close();
t.baseMethod();

更新

您在评论中提到您可以以您想要的方式为内置函数编写扩展方法,我可以看到您想为自己的代码做同样的事情,但这是不可能的。

我希望这能解释原因。

在 TypeScript 中创建声明时,可以通过添加来扩展该声明。您可以使用 declare 关键字或将文件放在.d.ts文件中:

例如,如果您在一个文件中有此声明:

declare interface ExampleInterface {
    methodOne();
}

您可以在另一个文件中扩展声明:

declare interface ExampleInterface {
    methodTwo();
}

因此,当您使用它时,您可以使用这两个功能:

function example(example: ExampleInterface) {
    example.methodOne();
    example.methodTwo();
}

这些并不是真正的扩展方法——这只是不止一次地告诉编译器一个实现。这对 jQuery 特别有用,因为它允许每个插件都有一个添加到JQuery接口的定义。

您不能为自己的 TypeScript 代码执行此操作,因为添加到接口会导致所有实现都需要更新以匹配接口定义。

这里的思想转变是 TypeScript 为您提供静态类型,而您正在寻找动态行为 - 所以您必须选择其中一个。例如,您可以只在真正需要的地方使用动态行为,而将其余的保持静态类型:

class Test {
} 

// statically typed

var stTest = new Test();

// dynamically typed

var testExtender: any = Test;
testExtender.prototype.close = function() {
    alert('Close');
};

var t: any = new Test();
t.close();

这并不是说将来不会在语言中添加一些东西来支持扩展方法。

于 2012-11-05T10:15:13.500 回答