JS / TS 必须使用 bind 但仍然需要原始的 this

Question

我不确定如何解决我遇到的这个用户交互问题。 API 是 3DMol

我正在尝试访问

中的两个 this 元素

model.setClickable({chain: theChain, resi: mappedPosition}, true, function(){
    console.log(this);
});

首先，对于上面的原始实现，this 将是用户点击的位置。但是，我还需要将点击的位置与外部调用对象的一些值结合起来。

我试过 .bind(null,this) 但在函数中 this 设置为 null。

我尝试了关闭

const clickClosure = function(){

    const mutations = self.alignment.mutations;

    function clicker(){
        console.log(this);
        console.log(mutations);
    }

    return clicker();
} 

model.setClickable({chain: theChain, resi: mappedPosition}, true,clickClosure);

发现突变存在，但this未定义。知道如何在不使用全局变量的情况下获得两者吗？

Answer 1

使用 lambda 函数传递词法 this。

model.setClickable({chain: theChain, resi: mappedPosition}, true, (stuff) => {
    console.log(this, stuff); // no `this` binding to the function
});

这应该使 this 绑定到调用者，这确实是从这样的回调中获取该引用的唯一方法。

JS / TS 必须使用 bind 但仍然需要原始的 this

JS / TS must use bind but still need original this

javascript

closures

bind

typescript

angular