4.变量作用域、函数的三种模式调用

作用域

变量的有效范围。

如何检测变量的有效范围

• 在指定的作用域下访问该变量，如果不报错，就证明这个变量的有效范围覆盖了这个作用域。

全局变量

• 指的是在代码的任何地方都可以使用的变量

在js中如何定义全局变量

• 在函数外定义
• 或者不使用var定义的变量(这种方式不标准，尽量不要使用)

局部变量

• 在变量定义的局部可以使用的变量

在js中如何定义局部变量

• 在函数内定义

变量的生命周期

• 全局变量的生命周期从定义开始，到页面关闭结束
• 局部变量的生命周期通常是从定义开始(函数被调用)，到函数执行完毕结束(但是局部变量的生命周期可能因为闭包的存在被延长)

块级作用域 ==> js未采纳

• 凡是代码块就可以产生新的作用域，代码块内的变量外界无法使用。

函数作用域 ==> js采纳

• 只有函数可以产生新的作用域，函数内的变量外界无法使用。
• js中是没有块级作用域的，只有函数作用域。

词法作用域(静态作用域) ==> js采纳

• 查找一个变量，优先找函数自己作用域内的变量，找不到就去定义该函数的作用域中去找，
  按照这个规则直到全局都没有找到，就报错。

动态作用域 ==> js未采纳

• 查找一个变量，优先找函数自己作用域内的变量，找不到就去调用该函数的作用域中去找，
  按照这个规则直到全局都没有找到，就报错。

有一个容易搞混，又没有什么联系的知识点，这里强调一下

• 函数内的this，与函数的定义无关，与调用有关。

var obj = {
    fn: function() { console.log(this) };
};
var fn = obj.fn;
// 同一个fn，三种调用方式，this分别不同
obj.fn(); // obj
fn();     // window
new fn(); // fn实例

• 变量的查找，与函数的定义有关，与调用无关。

function fn() {
    console.log(a); // 报错，自己找不到，去定义fn的全局找，所以这里和fn的定义有关，与fn的调用无关。
}
(function() {
    var a = 10;
    fn();
})();

作用域的产生

• 函数可以被多次重复调用，调用一次就会产生一个新的作用域，每一个新作用域内会有新的变量。

作用域链

• 函数在定义的时候，将来它执行时的上级作用域就被确定好了，上级作用域可能还有上级，函数所有的上级作用域称之为作用域链。
• 一个函数作用域可以访问的所有上级作用域，称为它的作用域链。