JavaScript:在此闭合外运行定义的函数，就好像它是在此闭合中定义的一样

Question

我想拥有一个接受另一个函数b作为参数的函数a，然后运行b，因为在a的闭合范围内定义了b，即可以访问所有本地变量。

例如，简单地：

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

我发现的唯一方法是使用评估。EC6是否可以提供更好的选择？

Answer 1

一种解决方案是将 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

您可以将上下文显式并将其传递给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

Answer 3

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'