Question

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

其他关键字也会出现同样的“问题”，但delete是此处感兴趣的关键字。

这项工作：

    class WebServiceInterface {
        create(): void { }
        retrieve(): void { }
        update(): void { }
        delete(): void { }
    }

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

但这不起作用：

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

delete的{{1}}部分会导致这些错误：

预期标识符。
预期表达。
';'预期。

是否有一个根本原因导致不能/不应该允许这样做？这可能只是需要用语言实现的东西吗？还有另一种方法可以达到这个目的吗？

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

Answer 1

您无法命名功能 delete。这是JavaScript中的语法错误。模块中的功能是功能。

您可以命名属性 delete。类中的方法是原型或实例的属性，因此它在那里有效。

Answer 2

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

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

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

猜猜在取消注释删除块时会尝试生成哪些代码？

    function delete() {
        defaultInterface.delete();
    }
    Web.delete = delete;

问题是JavaScript无效，因为删除是一个保留字。

Answer 3

当您想直接从命名空间/模块导出here导出delete命名函数时，这会给我帮助。 export as用于绕过此问题。

export default Package;

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

Answer 4

delete是Javascript中的保留字，因此您不能将其用作函数的名称。

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

Answer 5

我最近自己遇到过这个问题。解决此限制的方法是将模块声明为对象。有点icky但它的工作原理。 EG：

declare var Web: WebServiceInterface;

因此，您最终会得到一个名为Web的变量及其相关函数。

显然，如果Web或WebServiceInterface包含其他功能/属性，您需要引入如下界面：

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;

TypeScript - 无法创建＆＃34;删除＆＃34;课外的功能

5 个答案: