javascript - 函数的“this”无效范围

Question

我有以下功能：

  function a() {
    var d = {
      foo : "text"
    };
    for(var b in c) {
      if(c.hasOwnProperty(b)) {
        d[b] = function() {
          return c[b].apply(this, arguments);
        };
      }
    }
    return d;
  }

  var c = {
    a : function() { alert(this.foo); },
    b : function() { return this.a(); }
  }

  a().a(); // nothing happens

  // but the following works :
  var c = {
    a : function() { alert(this.foo); }
  }

  a().a(); // output : text

this我认为这是因为.apply方法。我怎样才能解决这个问题？

Answer 1

它不起作用，因为函数“a”中的迭代器变量“b”由每个闭包共享。

试试这个：

for(var b in c) {
  if(c.hasOwnProperty(b)) {
    d[b] = function(b) {
      return function() { return c[b].apply(this, arguments); };
    }(b);
  }
}

这是作为 jsfiddle 的工作版本。

Answer 2

a() 在全局范围内执行。当您调用 c[b].apply(this, arguments) 时，它也会在全局范围内执行。for循环从后往前迭代，它首先遇到b，它在全局范围内执行b，在全局范围内调用a，在c上循环，在全局范围内调用b，...

结果：RangeError：超出最大调用堆栈大小