使用jQuery$(This)和ES6 Arrow函数(词法此绑定)

Question

使用jQuery$(This)和ES6 Arrow函数(词法此绑定)

将ES6箭头函数与词法结合使用this装订很棒。

但是，我刚才遇到了一个问题，使用它使用一个典型的jQuery单击绑定：

class Game {
  foo() {
    self = this;
    this._pads.on('click', function() {
      if (self.go) { $(this).addClass('active'); }
    });
  }}

使用箭头函数代替：

class Game {
  foo() {
    this._pads.on('click', () => {
      if (this.go) { $(this).addClass('active'); }
    });
  }}

然后$(this)获取转换为ES5(Self=this)类型闭包。

对于词法绑定来说，是否有一种让跟踪忽略“$(This)”的方法？

Answer 1

这与追踪和关闭一些东西无关，这就是ES6的工作原理。这是您通过使用=>而不是function () { }.如果你想写ES6，你需要一直写ES6，你不能在某些代码行上切换它，你绝对不能抑制或改变它的方式=>起作用了。即使可以，您也只会得到一些奇怪的JavaScript版本，这些版本只有您了解，而且永远无法在您的自定义traceur之外正确工作，这肯定不是traceur的意义所在。解决这个特殊问题的方法是不使用this若要获得对单击元素的访问权限，请使用event.currentTarget:Class Game {   foo(){     this._pads.on('click', (event) => {       if(this.go) {         $(event.currentTarget).addClass('active');       }     });   }}jQuery提供event.currentTarget特别是因为即使在ES6之前，jQuery也不总是能够强制执行this在回调函数上(即，如果它被绑定到另一个上下文，则通过bind.