JavaScript回调范围

（提取了一些其他答案的注释中隐藏的解释）

问题在于以下几行：

this.dom.addEventListener("click", self.onclick, false);

在这里，您传递了一个函数对象用作回调。当事件触发时，该函数被调用，但是现在它与任何对象（this）都没有关联。

可以通过将函数（及其对象引用）包装在闭包中来解决此问题，如下所示：

this.dom.addEventListener(  "click",  function(event) {self.onclick(event)},  false);

由于在创建闭包时为变量self分配了 此 值，因此闭包函数将在以后调用self变量时记住它的值。

解决此问题的另一种方法是制作一个实用函数（并避免使用变量绑定 this ）：

function bind(scope, fn) {    return function () {        fn.apply(scope, arguments);    };}

更新后的代码将如下所示：

this.dom.addEventListener("click", bind(this, this.onclick), false);

Function.prototype.bind

this.dom.addEventListener("click", this.onclick.bind(this), false);

对于尚不支持ES5的浏览器，MDN提供以下填充程序：

if (!Function.prototype.bind) {    Function.prototype.bind = function (oThis) {      if (typeof this !== "function") {        // closest thing possible to the ECMAscript 5 internal IsCallable function        throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");      }    var aArgs = Array.prototype.slice.call(arguments, 1),fToBind = this,fNOP = function () {},          fBound = function () { return fToBind.apply(this instanceof fNOP  ? this  : oThis || window,aArgs.concat(Array.prototype.slice.call(arguments)));          };    fNOP.prototype = this.prototype;      fBound.prototype = new fNOP();    return fBound;    };  }