在 javascript dojo 闭包中使用的函数使用“this”符号未定义

Question

我在使用“this”访问对象函数时遇到问题。 在下面的示例中（这是简化的，因为由于各种原因我无法提供实际代码），函数调用 this._getEntry() 在调用时是“未定义” 创建列表（）。

我希望大家能给出一些意见，看看这是否是由于误解造成的 javascript 闭包或者更确切地说是语法错误。

在后一种情况下，我必须自己找到实际代码中的错误。

如果这是对 javascript 或 dojo 概念的误解，我将非常感激 有关如何正确确定范围和访问下面提到的函数 (_getEntry()) 的一些帮助。

var OBJECT = {
  _getEntry : function(entry){
    var li = document.createElement('LI');
    li.appendChild(document.createTextNode(entry));
    return li;
  },
  createList : function(entryArray){
    var list = document.createElement('UL');
    dojo.forEach(entryArray,function(entry){
      list.appendChild(this._getEntry(entry));
    });
    dojo.body().appendChild(list);
  }
};
OBJECT.createList(["entry1","entry2"]);

谢谢！

Answer 1

首先，我认为您粘贴的代码缺少 ); 来完成 forEach。

其次，forEach 采用可选的第三个参数，该参数确定传递的函数运行的上下文。如果没有给出，它默认为全局范围，所以是的，这就是你的问题。假设 this 已经引用了您需要立即在 forEach 之外的内容，您应该能够将 this 作为第三个参数传递给forEach 它应该可以工作，例如：

dojo.forEach(entryArray, function(entry){
  list.appendChild(this._getEntry(entry));
}, this);

有关更多信息：http://dojotoolkit。 org/api/dojo/forEach - 基于 JS 1.6 中的 API https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/forEach

Answer 2

这是一个常见的问题，你是对的，这都是关于范围和结束的问题。这里发生的情况是，一旦进入 forEach，上下文就会更改为全局上下文（window）。 Dojo 提供了一种方便的方法来设置此上下文：

  createList : function(entryArray){
    var list = document.createElement('UL');
    dojo.forEach(entryArray,function(entry){
      list.appendChild(this._getEntry(entry));
    }, this);

    dojo.body().appendChild(list);
  }

另一种方法是使用闭包来获取 this

  createList : function(entryArray){
    var list = document.createElement('UL');
    var _this = this; // closure allowing the forEach callback access to this
                      // some popular variable names used for this include:
                      // $this, _this, me and that
    dojo.forEach(entryArray,function(entry){
      list.appendChild(_this._getEntry(entry));
    });

    dojo.body().appendChild(list);
  }