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 的大括号内部即可。