JavaScript作用域及作用域链

1. JavaScript作用域

就是代码名字(变量) 在某个范围内起作用 目的是为了提高程序可靠性，更重要的是减少命名冲突。

全局作用域

整个script标签 或者是一个单独的js文件

局部作用域(函数作用域)

在函数内部就是局部作用域，只在函数内部起效果和作用

2. 变量的作用域

根据作用域的不同，变量分为全局变量和局部变量

1. 全局变量

   在全局作用域下的变量，在全局下都可以使用

   注意：如果函数内部没有声明直接使用的变量也属于全局变量

   var num = 1;//num 为全局变量
   function fun() {
       var num1 = 10;//num1 为局部变量，只能在函数内使用
       num2 = 20;//num2为全局变量，可在全局作用域使用
   }
   

2. 局部变量

   在局部作用域下的变量，即在函数内部的变量就是局部变量

   注意：函数的形参也可以看做是局部变量

   function fun(aru){
        var num1 = 10;//num1、 aru 为局部变量，只能在函数内使用
   }
   

3. 从执行效率来看全局变量和局部变量

   (1) 全局变量 只有浏览器关闭的时候才会销毁，比较占内存资源

   (2) 局部变量 当程序执行完毕就会销毁，比较节约内存

4. JavaScript没有块级作用域，es6新增了块级作用域

3. 作用域链

• 只要是代码，就至少有一个作用域
• 写在函数内部是局部作用域
• 如果函数中还有函数，那么在这个作用域中又有了一个新的作用域
• 根据在内部函数可以访问外部函数变量的这种机制，用链式查找决定哪些数据能被内部函数访问
• 在当前作用域中没有查到值，就会向上级作用域去查，直到查到全局作用域，这么一个查找过程形成的链条就叫做作用域链。

// 作用域链
var num = 10;
function fn() { // 外部函数
    var num = 20;
    function fun() { // 内部函数
        console.log(num); // 20 根据就近原则使用
    }
}