Question

我写了以下代码：

export class ClickHandlers {
    static entityNameClickHandler(id) {
       console.log("EntityNameClickHandler");        
       // add the new subTree to the end of historySubTree
       this.history.addToHistory(id);
       this.refreshEntityContentElem(this);
    }
}

在另一个档案中：

addEventListenersToEntityInExplorer(elem, id) {
      elem.find('[data-id ^= "expand_"]').click(ClickHandlers.expandButtonHandler);
      elem.find('[data-id ^= "entity"]').click(function() {
         ClickHandlers.entityNameClickHandler.call(this, id)
      }.bind(this));

}

我收到错误的行： this.history.addToHistory（ID）; this.refreshEntityContentElem（本）;

错误是：

错误：（25,12）TS2339：属性＆＃39;历史＆＃39;在类型上不存在＆＃39; typeof ClickHandlers＆＃39;。

据我所知，Typescript看到了这个＆＃39;作为类ClickHanlders。但是，我调用了函数＆＃39; ClickHandlers.entityNameClickHandler＆＃39;使用＆＃39; call＆＃39;，所以＆＃39;这个＆＃39;不一定是包装对象。

Answer 1

由于您正在更改函数内的this，因此您需要告诉编译器你可以这样做，因为Specifying the type of this for functions的打字稿版本2.0：

type MyType = {
    history: any;
    refreshEntityContentElem: (obj: any) => void;
}

export class ClickHandlers {
    static entityNameClickHandler(this: MyType, id) {
       console.log("EntityNameClickHandler");        
       // add the new subTree to the end of historySubTree
       this.history.addToHistory(id);
       this.refreshEntityContentElem(this);
    }
}

Answer 2

如果你想使用Typescript，你必须忘记javascript。即使代码正常工作，Typescript也会抛出错误。它有很多东西，现在你无法做到，但你会得到更清晰的代码，错误更少。

错误：（25,12）TS2339：属性＆＃39;历史＆＃39;在类型＆＃39; typeof ClickHandlers＆＃39;。
上不存在

此错误表示如果要使用此。[property]，则应将此属性定义为类变量或任何父类。

正如我在这里看到的那样：this.refreshEntityContentElem(this);，我可以理解你应该阅读面向对象编程的教程。

打字稿：为什么它不治疗这个＆＃39;作为Javascript？

2 个答案: