javascript - 传递匿名函数时如何更改 setTimeout 中的 this/context？

Question

我有一个元素的点击事件。我在延迟后执行代码。所以我在点击事件中使用settimeout。

我的html:

<button id="button">CLICK ME</button>

我的js:

jQuery('#button').on('click',function(){
  setTimeout(function(){
    console.log(this);
  },50)
});

我想在 setTimeout 函数中更改 this。
我知道的一种解决方案是创建一个命名函数，然后使用绑定(bind)。

   var test = function(){
        console.log(this);
    }
    jQuery('#button').on('click', function () {
      setTimeout(test.bind(this),10);

    });

我不想每次都使用命名函数。
那么如何将 this 与匿名函数绑定(bind)？
这是codepen一起工作。

Answer 1

您不想使用命名函数。

jQuery('#button').on('click', function () {
    setTimeout((function(){
        console.log(this);
    }).bind(this),10);
});