js 匿名函数作用域

var x = 10;
function fn() {
    console.log(x);
}

function show(f) {
    var x = 20;
    
    (function(){
        f();
    })();
}

show(fn);

x的值??

---

函数的作用域 在它定义时 决定

---

是10，决定函数作用域的是其内部的[[scope]]属性，这个属性是在定义函数是决定的，所以无论你如何调用fn函数，x的值都是10

---

答案是10.

匿名函数执行的时候相当于调用了window上面的定义的方法。同时x是挂载在window上的属性。通过作用域链，最后是在window对象上找到了x属性，因此会输出10

---

JS 是基于词法作用域的，一眼看去x就是10,那就是10了。

举个栗子：
爸爸有份切糕，上面有10粒葡萄干。小明和小红是兄妹，他们俩都知道爸爸有切糕。小明一直想吃切糕，小红自己有份切糕，上面有20粒葡萄干。但是小明不知道小红有切糕。小明到小红的房间里来玩，嚷嚷着要吃切糕，他只记得爸爸有，就只能找爸爸要，爸爸就把10粒葡萄的切糕给他了。

哈哈~

---

我说一点：这个问题跟匿名函数没有任何关系。
你把

(function(){
    f();
})();

换成

f();

结果仍然是10。

关键在于fn里面那个x指向的是全局作用域里的x，跟x在哪里调用没有关系。而show里面的那个x是局部变量。当然如果把var去掉结果就不一样了。