Javascript：運行在此閉包外部定義的函數，就像在該閉包內部定義的一樣

Question

我想要一個函數A，它接受另一個函數B作為參數，然后運行它在A的閉包范圍內定義的B，即可以訪問所有局部變量。

例如，簡單地說：

var A = function(B){
  var localC = "hi";
  B();
}

var B = function(){
  console.log(localC);
}

A(B); // to log 'hi'

我發現的唯一方法是使用eval。 ec6可能會提供更好的選擇嗎？

Answer 1

一種解決方案是將localC作為參數傳遞localC函數B ：

 var A = function(B) { var localC = "hi"; B(localC); } var B = function(localC) { console.log(localC); } A(B); // outputs hi 

使用arguments替代方法：

 var A = function(B) { var localC = "hi"; B(localC, "test"); } var B = function() { var i = 0; for (i; i < arguments.length; i++) { console.log(arguments[i]); } } A(B); // outputs hi, test 

Answer 2

 var A = function(B){ var self = this; self.localC = "hi"; self.localD = "hello"; B(); }; var B = function(){ var self=this; alert(self.localD); } A(B); // to log 'hi' 

Answer 3

您可以使上下文顯式並將其傳遞給B ：

var A = function(B){
    var context = {
        localC: "hi"
    };
    B(context);
}

var B = function(context){
    console.log(context.localC);
}

A(B); // hi

---

您還可以將this與new和prototype ：

var A = function() {
    this.localC = "hi";
}
A.prototype.b = function(context){
    console.log(this.localC);
}

var a = new A();
a.b(); // hi

---

還是沒有prototype ：

var A = function() {
    this.localC = "hi";
}

var a = new A();
a.b = function(context){
    console.log(this.localC);
};
a.b(); // hi

---

您可以將this與bind一起使用：

var a = {
    localC: "hi"
};
function B(foo) {
    console.log(this.localC, foo);
}
B.bind(a)("foo"); // hi foo
// .call:
B.call(a, "foo"); // hi foo

bind this設置上下文。 call將上下文作為第一個參數。

---

這個人是不是好：

var A = function(B){
    var localC = "hi";
    B.bind(this)(); // this is the global object, you need `new` to create a new scope
}

var B = function(){
    console.log(this.localC);
}
A(B); // undefined