[Day12] 从 function 谈变数的 Scope

说到 function ，又要回头来谈变数在 function 的 scope(作用域)
先宣告一个例子：

var a = 100;
var func1 = function (x) {
  var a = 13;
  return a + x; 
};
console.log(func1(7)); // 20
console.log(a); // 100

宣告在外面的 a 属於全域变数，而在 func1 {} 大括号内的 a 属於区域变数，虽然变数名称一样，但因作用域不同，内部宣告的值只存在这个函式，所以可以视为两个不同的变数。
而 function 里宣告的 a 只会作用在 {} 大括号内，所以这就是 console.log(a) 是 100 的原因。

在 ES6 以前切分变数有效范围的最小单位是 "function" -- 008

如果 function 内没有 var a 的话，function 会一层一层往外找，这里就会找到全域的 var a，如下例：

var a = 100;
var func1 = function (x) {
  return a + x; 
};
console.log(func1(7)); // 107
console.log(a); // 100

由此可知，内层可以读到外层宣告的变数，而外层拿不到内层宣告的变数，为什麽会强调宣告呢？因为有一个很需要注意的情况，还记得前面[Day02] 变数提到的

「未宣告的变数也能直接赋值，但是会有後遗症」

Javascript 会往外层寻找有没有变数叫 a，直到找到为止，也就是全域物件。未经宣告直接再次赋值改变了外层变数的值，同时也影响了外层读取 a 的结果。

var a = 100;
var func1 = function (x) {
  a = 13; // 直接赋值改变了外层同名变数 a
  return a + x; 
};
console.log(func1(7)); // 20
console.log(a); // 13

参考资料
008 天重新认识 JavaScript