带有闭包的回调中的参数范围

Question

我知道有很多关于这个主题的问题，但我对两个特定场景之间的区别很感兴趣。在这里

场景 1

   //Global Scope
var a=1, b =2;

var callBackFn = function(param3,param4){
    alert(a);             //1  -->defined
    alert(b);             //2  -->defined
    alert(param1);        //3  -->? 
    alert(param2);        //4  -->? 
    alert(param3);        //5  -->defined 
    alert(param4);        //6  -->defined
    alert(localVariable); //7  -->?
}


var classObj = {

    someMemberFunction: function(param1, param2{
        var localVariable; 
        return $.AsyncCallFn(param1, param2).then(function(){
           callBackFn(3,4);
        });
    }

};

classObj.someMemberFunction(5,6);

场景 2

    //Global Scope
var a=1, b =2;

var classObj = {

    someMemberFunction: function(param1, param2){
        var localVariable; 
        $.AsyncCallFn(param1, param2).then(function(param3,param4){
            alert(a);             //1  -->?
            alert(b);             //2  -->?
            alert(param1);        //3  -->? 
            alert(param2);        //4  -->? 
            alert(param3);        //5  -->? 
            alert(param4);        //6  -->? 
            alert(localVariable); //7  -->?
        });
    };

}

classObj.someMemberFunction(5,6);

警报 #1 到 #6 的输出是什么 更重要的是，情景 1 和情景 2 会有什么不同。

根据我在场景 1 中的理解，callBackFn 对 param1、param2 和 localVariable 一无所知，因为它不是在 someMemberFunction 中创建的。但是对于场景 2，someMemberFunction 是否应该不知道 param1、param2 和 localVariable，因为它是 someMemberFunction 内部的闭包？

谢谢

Answer 1

JavaScript 有lexical scope。因此，函数（闭包）可以访问在其定义的范围内可见的所有变量。

示例 1

// This is the global scope
// foo is visible in global scope
var foo = 42;

// bar is defined in global scope, hence it can access foo
function bar() {
   console.log(foo);
}

示例 2

// This is the global scope
// foo is visible in global scope
var foo = 42;

// bar is defined in global scope, hence it can access foo
function bar(baz) { // baz is defined in the local scope of bar

   // innerFunction is defined in the local scope of bar
   // hence it has access to baz and foo
   function innerFunction() {
       console.log(foo, baz);
   }
}

---

应用于您的示例：

在场景 1 中，callbackFn 是在定义了 a、b 和 classObj（以及 callbackFn 本身）的范围（全局）中定义的。因此在callbackFn、a、b、classObj、param3 和param4 内部是可以访问的。

在场景 2 中，回调函数在范围 (someMemberFunction) 中定义，其中 a、b、classObj 可见，param1 和 param2 已定义。因此，在回调内部，a、b、classObj、param1、param2、param3 和 param4 是可访问的。