第一章：作用域

1.1 概述

通常来说，一段程序代码所用的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局限性，增强了程序的可靠性，减少了名字冲突。
JavaScript（ES6之前）中的作用域有两种：
- ①全局作用域。
- ②局部作用域（函数作用域）。

1.2 全局作用域

作用于所有代码执行的环境（整个<script>标签内部）或者一个独立的js文件。

1.3 局部作用域（函数作用域）

作用于函数内的代码环境，就是局部作用域。因为和函数有关系，所以也被称为函数作用域。

1.4 JS没有块级作用域（ES6之前）

块作用域由{}包括。
在其他编程语言中，如Java，在if语句、循环语句中创建的变量，仅仅只能在if语句、本循环语句中使用，如下面的Java代码：

if(true){
  int num = 123;
  system.out.print(num);  // 123
}
system.out.print(num);    // 报错

但是JS没有块级作用域（ES6之前）。

if(true){
  var num = 123;
  console.log(num); //123
}
console.log(num);   //123

第二章：变量的作用域

2.1 变量作用域的分类

在JavaScript中，根据作用域的不同，变量可以分为两种：
- 全局变量。
- 局部变量。

2.2 全局变量

在全局作用域下声明的变量就是全局变量（在函数外部定义的变量）。
- ①全局变量在代码的任何位置都可以使用。
- ②在全局作用域下var声明的变量是全局变量。
- ③特殊情况下，在函数内不使用var声明的变量也是全局变量（不推荐）。

2.3 局部变量

在局部作用域下声明的变量就是局部变量（在函数内部定义的变量）。
- ①局部变量只能在该函数内部使用。
- ②在函数内部var声明的变量是局部变量。
- ③函数的形参实际上就是局部变量。

2.4 全局变量和局部变量的区别？

全局变量：在任何一个地方都可以使用，只有当浏览器关闭的时候才会被销毁，因此比较占内存。
局部变量：只能在函数内部使用，当其所在的代码块被执行时，会被初始化；当代码块运行结束后，就会被销毁，因此更节省内存空间。

第三章：作用域链

只要是代码，就至少有一个作用域。
写在函数内部的，就是局部作用域。
如果函数中还有函数，那么在这个作用域中就又可以诞生一个作用域。
根据在内部函数可以访问外部函数变量的这种机制，用链式查找决定哪些数据能被内部函数访问，就称为作用域链。
作用域链，采取就近原则的方式来查找变量的最终值。
示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作用域链</title>
    <script>
        //作用域链
        var num = 10;
        function fn() {
            var num = 20;
            function fun() {
                console.log(num); //内部函数 20
            }
            fun();
        }
        fn();
    </script>
</head>
<body>
</body>
</html>