关于 typescript1.4:TypeScript – 无法在类之外创建”删除”函数


TypeScript - Unable to create a "delete" function outside of a class

我面临的问题是，在类定义之外，我无法创建名称与关键字相同的函数。

同样的"问题"出现在其他关键字上，但 delete 是这里感兴趣的关键字。

这工作：

1
2
3
4
5
6
    class WebServiceInterface {
        create(): void { }
        retrieve(): void { }
        update(): void { }
        delete(): void { }
    }

请注意，我有一个名为"delete"的函数成员。

但这不起作用：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
    class WebServiceInterface {
        create(): void { }
        retrieve(): void { }
        update(): void { }
        delete(): void { }
    }

    module Web {

        var defaultInterface = new WebServiceInterface();

        export function create() { defaultInterface.create(); }
        export function retrieve() { defaultInterface.retrieve(); }
        export function update() { defaultInterface.update(); }
        export function delete() { defaultInterface.delete(); }
    }

export function delete 的 delete 部分会导致以下错误：

  • 需要标识符。
  • 预期的表达。
  • ';'预期的。

这有什么根本原因不能/不应该被允许吗？这可能只是需要用语言实现的东西吗？还有其他方法可以实现吗？

作为参考，我在 Visual Studio 2013 中使用 TypeScript 1.4。

当你想直接从命名空间/模块导出 delete 命名函数时，这个小技巧我的帮助，在这里找到。 export as 用于绕过问题。

1
2
3
4
5
6
export default Package;

declare namespace Package {
    function _delete(...args: any[]): any;
    export { _delete as delete };
}

这里的问题是delete是JavaScript中的保留字。

删除删除块后生成的代码是：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
var WebServiceInterface = (function () {
    function WebServiceInterface() {
    }
    WebServiceInterface.prototype.create = function () {
    };
    WebServiceInterface.prototype.retrieve = function () {
    };
    WebServiceInterface.prototype.update = function () {
    };
    WebServiceInterface.prototype.delete = function () {
    };
    return WebServiceInterface;
})();
var Web;
(function (Web) {
    var defaultInterface = new WebServiceInterface();
    function create() {
        defaultInterface.create();
    }
    Web.create = create;
    function retrieve() {
        defaultInterface.retrieve();
    }
    Web.retrieve = retrieve;
    function update() {
        defaultInterface.update();
    }
    Web.update = update;
})(Web || (Web = {}));

猜猜取消注释删除块时它会尝试生成什么代码？

1
2
3
4
    function delete() {
        defaultInterface.delete();
    }
    Web.delete = delete;

问题是不是有效的 JavaScript，因为 delete 是保留字。

你不能命名一个函数delete。这是 JavaScript 中的语法错误。模块中的函数就是函数。

你可以命名一个属性delete。类中的方法是原型或实例的属性，所以它在那里有效。

delete是Javascript中的保留字，不能作为函数名使用。

如果您将其用作属性名称，请注意，因为我怀疑 IE8 不会喜欢这样。

我最近自己也遇到了这个问题。绕过此限制的方法是将模块声明为对象。有点恶心，但它的工作原理。
例如：

1
declare var Web: WebServiceInterface;

这样你就得到了一个名为 Web 的变量，上面有相关的函数。

显然，如果 Web 或 WebServiceInterface 包含额外的功能/属性，您将需要引入这样的接口：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
class WebServiceInterface {
    create(): void { }
    retrieve(): void { }
    update(): void { }
    delete(): void { }

    doOther()
    // etc
}

interface IWebObject {
    create(): void;
    retrieve(): void;
    update(): void;
    delete(): void;

    specialFunction(): void;
    defaultInterface: WebServiceInterface;
    // etc
}

declare var Web: IWebObject;