js匿名函数声明时的作用域

Question

最近看了一些解释js词法作用域的文章，于是有一个问题

//静态作用域测试  1var finn = function() {    var x = {        a: "a",        b: "b"
    };
    queen(function() {
              x.a = "c";              console.log(x.a);
    })
};var queen = function(callback) {
    callback()
};
finn();

//静态作用域测试  2  var finn = function() {    var x = {        a: "a",        b: "b"
    };
    queen()
};var queen = function() {
    x.a = "c";    console.log(x.a);
};
finn();

这里测试一的结果是打出“c”，测试二的结果是x undefined，用静态作用域来解释是可以行的通的，函数的作用域在被定义时已经确定，所以1有值，2无值。 这里想要问的是对于测试1中，

queen(function(){
     x.a="c";     console.log(x.a);
})

是否等价于

var qop = function(){
    x.a="c";     console.log(x.a);
};
queen(qop);

下面这种方式可以比较直观的看出，该匿名函数的声明位置在finn内部，所以它的作用域链上有finn的变量作用域

Answer 1

对于函数表达式的情况，你完全可以把这个函数当成一个值，所以doSomething(1);和var a = 1; doSometing(a);基本等价，同理doSomething(function() {});和var f = function() {}; doSomething(f);也就是基本等价。为什么说是基本等价……因为有一个变量定义的区别。对于作用域的理解，以 C 语系的语言中，基本上都可以用 {} 的范围来理解，只不过 C/C++ 中存在局部变量即时销毁的问题，而 JavaScript 的 var 变量作用域不是按块范围，而是按 function() {} 范围的。ES6 的 let 变量就是块范围了。所以，要看一个函数有没有权限访问一个 var 变量，只需要看访问这个 var 变量的语句是不是在定义 var 变量的那个 function 的大括号内部即可。