将此传递给回调

Question

我知道问题出在哪里，但不知道解决此问题的最佳选择是什么。我有一个回调，我无法从它访问this。我不想在范围之外有任何变量来引用它。我可以通过this作为参数吗？

var myModule = Module.create({ 

      init: function() { 
       ws.subscribe('/topic/notifications', this._wsNotifications, headers); 
      }, 

      refresh: function() { 
      }, 

      _wsNotifications: function (message) { 
       this.refresh(); //Error: 'this' is undefined because it's a callback 
      } 
     }); 

Answer 1

一种方式做

ws.subscribe('/topic/notifications', this._wsNotifications.bind(this), headers); 

或缓存this给一个变量。

var myModule = Module.create({ 
     self : this, 
     init: function() { 
      ws.subscribe('/topic/notifications', this._wsNotifications, headers); 
     }, 

     refresh: function() { 
     }, 

     _wsNotifications: function (message) { 
      self.refresh(); //Error: 'this' is undefined because it's a callback 
     } 
    }); 

Answer 2

你可以利用的EcmaScript的bind functionFunction.prototype.bind的。现在

init: function() { 
      ws.subscribe('/topic/notifications', this._wsNotifications.bind(this), headers); 
     }, 

，内_wsNotificationsthis将把你绑定了的对象。你可以，这是从源头当你指定回调使用function.bind解决

Answer 3

试试这个。

var myModule = Module.create({ 

     var self = this; 

     init: function() { 
      ws.subscribe('/topic/notifications', this._wsNotifications, headers); 
     }, 

     refresh: function() { 
     }, 

     _wsNotifications: function (message) { 
      self.refresh(); //Error: 'this' is undefined because it's a callback 
     } 

    }); 

    return interactions; 
}); 

说明在创建和使用self变量，而不是this变量。使用此方法将保留this，即使它通常会更改范围。