从 TypeScript 访问 JavaScript “this”

Question

我目前正在我的 typescript 项目中使用 AlpacaJS 库。这个 JavaScript/JQuery 库包含在我的 Typescript 类中，并希望我在 json 样式对象中传递一些选项，如下所示：

this.options = {
    "collapsible": false,
    "fields": {
        "id": {
            "events": {
                "change": function () {
                    console.log(this.getValue());
                }
            }
        }
    }
};

传递这个对象我说：在 alpaca 生成的表单中的“id”字段中添加一个更改事件。在该函数中使用“this”给了我库的“this”，而不是 typescript 类“this”。

问题：如果我想在我的 Typescript 类中调用方法或变量怎么办？我必须使用“this”，但“this”绑定到 alpaca/javascript this。我无法将其更改为(event) => { ... } 或{ ...}.bind(this)，因为这样我可以访问打字稿“this”，但我无法访问 alpaca/javascript 这个，我需要它们两个....

Answer 1

我无法访问 alpaca/javascript 这个，我需要它们两个

在创建函数之前使用捕获this的标准javascript技巧：

let _self = this;
this.options = {
    "collapsible": false,
    "fields": {
        "id": {
            "events": {
                "change": function () {
                    console.log(_self.getValue());  // the class instance
                    console.log(this); // the lib version 
                }
            }
        }
    }
};

这里也记录了这个提示：https://basarat.gitbooks.io/typescript/content/docs/arrow-functions.html