获取函数调用者范围

Question

是否可以提取函数调用范围？

我有这个例子：

var myObject = {
    id: 1,
    printId: function() {
        var myId = function() {
            return this.id;
        }
        console.log(myId());
    }
}

myObject.printId(); // prints 'undefined'

上面的示例打印出undefined，因为'this' 似乎是默认情况下新函数内的窗口范围（在本例中为myId）。有什么方法可以在执行之前使用应用正确范围的代理？

类似这样的东西（虚构）：

var execute = function( fn ) {
    fn.apply(fn.caller.scope);
}

var myObject = {
    id: 1,
    printId: function() {
        var myId = function() {
            return this.id;
        }
        execute( myId );
    }
}

Answer 1

如果您使用Prototype library，您可以像这样使用 Function#bind()：

var myObject = {
    id: 1,
    printId: function() {
        var myId = function() {
            return this.id;
        }.bind(this);
        console.log(myId());
    }
}

也许有点矫枉过正，但如果您广泛使用此类对象，则可能值得查找。

Answer 2

尝试以下方法：

var myObject = {
    id: 1,
    printId: function() {
        var myId = function() {
            return this.id;
        }
        console.log(myId.apply(this));
    }
}

myObject.printId(); // prints '1'

问题是你想在printId的范围内运行函数myId，而不是myId的范围。您可以通过将其放在myObject 中而不是将其放在printId 中来创建函数，使其获得相同的范围：

var myObject = {
    id: 1,
    printId: function() {
        this.myId = function() {
            return this.id;
        }
        console.log(this.myId());
    }
}

myObject.printId(); // prints '1'

回复评论：

var 将变量存储在函数范围内，这意味着myId 存储在printId 内部。这意味着myId 中的this 指的是printId，而不是myObject。由于printId存储在myObject中，this中的printId指的是myObject，所以myId.apply(this)里面printId改变了myId的包含范围从printId到@98765444因此，myId 中的this 现在指的是myObject。在第二个示例中，myId 立即存储在myObject 中，因此printId 和myId 中的this 指的是同一个对象，即myObject。这有任何意义吗？ :P

Answer 3

Function.bind() 现在被浏览器很好地支持，正如ECMAScript5 所指定的那样。 （更新原型以匹配 ES5 规范）

对于那些仍在寻找这篇文章的人。

Answer 4

有什么问题：

var myObject = {
  id: 1,
  printId: function() {
    return this.id;
  }
}

?

如果不是那么：

var myObject = {
  id: 1,
  printId: function() {
    var myid = function() {
      return this.id;
    };
    return myid.apply(this);
  }
}

见apply()。

Answer 5

var myObject = {
    id: 1,
    printId: function() {
        var _this = this;
        var myId = function() { 
            return _this.id;
        }
        console.log(myId());
    }
}

Answer 6

var myObj = (function()
{
  var id = 1;
  return {
    printId: function(){
     console.log(id);

};
})();


myObj.printId();