用闭包创建的私有函数如何访问构造函数中定义的变量？

Question

我有以下代码：

var TagCloud = (function() {
  var createTagsArray = function() {
    j$("#" + this.cloudId + " a").each(function(index) {
      //bla bla
    });
  }

  function TagCloud(cloudId) {
    this.cloudId = cloudId;
  };

  TagCloud.prototype.createTagCloud = function(){
    createTagsArray(this.cloudId);            
  };

  return TagCloud;
}());

new TagCloud("tagcloud");

我创建 TagCloud 对象。我用闭包创建它以拥有一个私有函数createTagArray。但是在这个函数中，我可以访问 TagCloud 构造函数中定义的变量 - cloudId。当然，在这个例子中，我无法使用 this 获得它。但是有没有办法得到它？ （我不想将此值作为函数 createTagArray 参数传递）。

这也是我理解闭包的错误，因为我已经开始使用闭包了。

Answer 1

您不能通过闭包访问该变量，因为您需要在 TagCloud 构造函数中定义 createTagsArray 函数 - 然后您将无法从 createTagCloud 方法访问它公开。

但我认为您无论如何都不想访问该变量。您希望访问实例的 .cloudId 属性，为此您需要实例。

将它（属性值或完整实例）作为参数传递实际上是首选。这没有什么问题：

var createTagsArray = function(cloudId) {
  j$("#" + cloudId + " a").each(function(index) {
    //bla bla
  });
}
TagCloud.prototype.createTagCloud = function(){
  createTagsArray(this.cloudId);
};

使用call，您甚至可以传递实例本身，以便您可以以this 的身份访问它：

var createTagsArray = function() {
  j$("#" + this.cloudId + " a").each(function(index) {
    //bla bla
  });
}
TagCloud.prototype.createTagCloud = function(){
  createTagsArray.call(this);
};

从那里您甚至可以轻松地（来回）切换到半私有方法：

TagCloud.prototype._createTagsArray = function() {
  j$("#" + this.cloudId + " a").each(function(index) {
    //bla bla
  });
}
TagCloud.prototype.createTagCloud = function(){
  this._createTagsArray();
};

Answer 2

试试下面的代码：

function TagCloud(cloudId) {
  var self = this;
  self.createTagsArray = function() {
    console.log(this);
  }

  self.cloudId = cloudId;
  self.createTagCloud = function() {
    self.createTagsArray()
  }
  
  return{
    "cloudId": cloudId,
    "createTagCloud": self.createTagCloud
  }
};

var obj = new TagCloud("tagcloud");
obj.createTagCloud();

var obj = new TagCloud("TagCloudTest");
obj.createTagCloud();