2

通常，调用this会起作用；但我在另一个上下文中调用该方法，因此this指的是该上下文而不是“父”对象。

这是代码：

var someConfig = {
  things: [
    {
      attr1: 'foo',
      attr2: 'bar',
      action: function() {
        console.log(this);
      }
    }
  ]
}

function Constructor(config) {
  var self = this;
  self.name = 'test';
  self.things = config.things;

  $.each(self.things, function(i, thing) {
    thing.action();
  });
    }

var obj = new Constructor(someConfig);
console.log(obj);

这是一个 jsfiddle。目标是使控制台中的两个对象相同，但this在action方法的上下文中返回action所属的原始对象，而不是构造函数。

我唯一能想到的就是传递self到action，但我认为有更好的方法。

4

3 回答 3

3

首先，关于您的代码的几点。您的配置属性uniqueAction稍后您将其称为config.action. 当您调用时，obj.action您需要将其作为函数调用，例如：obj.action();

考虑到这一点，以下似乎可以满足您的要求...

var config = {
  action: function() {
    console.log(this.name);//<- IMPORTANT PART
  }
}

function Constructor(config) {
  var self = this;
  self.name = 'test';
  self.action = config.action;
}

var obj = new Constructor(config)
obj.action();

请注意，该console.log调用现在使用this.name而不是self.name.

这是一个工作示例

于 2013-01-10T16:08:38.390 回答
1

传递给构造函数的函数可以访问构造函数的其他属性吗？

是的，但前提是您将该对象传递给函数（或隐式使用this关键字）。

您所做的尝试是self从在构造函数之外声明的函数访问局部变量，这是不可能的。

所以只需使用

{
  action: function() {
    console.log(this.name);
//              ^^^^
  }
}

并且在调用时obj.action()会this指向实例。

于 2013-01-10T16:40:33.290 回答
1

我看到的唯一方法是thing在调用action.

看看这个 Fiddle，它是你的。我改变了两件事：

首先，action函数不再引用this，而是 的属性parent。this

  action: function() {
    console.log(this.parent);
//                  ^^^^^^^
  }

其次，每个thing对象接收一个parent属性，该属性引用self.

  $.each(self.things, function(i, thing) {
    thing.parent = self;
    thing.action();
  });
于 2013-01-10T17:16:29.043 回答