JS作用域

1、作用域概述：
    一段程序代码中的名字并不总是有效和可用的，限定这个名字的可用性代码范围就是这个名字的作用域。作用域的使用提高了程序的局部性，增强了程序的可靠性，减少了名字的冲突。
    作用域就是代码名字在某个范围内起作用和效果，除了这个范围失效。

2、作用域分为两种：
    全局作用域：整个script标签 或者是一个单独的js文件
    局部作用域：在函数内部就是局部作用域，这个代码的名字只在函数内部其效果和作用，又称为函数作用域。

 

 我们在整个script全局变量中声明了两个类名相同的变量num，并打印num，可以看到控制台只打印了后声明的num，这时两个num的名字就冲突了，先声明的num值会被后声明的num覆盖掉。

 

 我们分别在script全局作用域和fn函数作用域中声明名为num的变量，并赋予他们不同的值，输出并打印，这是这两个num就不会再冲突了，他们并不在同一个作用域内，第一个console.log(num)语句并不能读取到fn函数里面的num。

3、变量的作用域：
    在JS中，根据作用域的不同，变量可以分为两种：
        全局变量：在全局作用域下的变量；在函数内部没有声明直接赋值的变量也属于全局变量。全局变量在代码的    
            任何位置都可以使用。
        局部变量：在函数内部的变量；函数的形参也可以看做是局部变量。局部变量只能在函数内部使用

 

我们在fn函数中声明了num1变量，num2变量没有声明而是直接赋值，这时num2就不再是局部变量而是全局变量，所以fn函数外的console.log(num2)语句可以打印num2.

    从执行效率来看全局变量和局部变量：
        全局变量：只有在浏览器关闭的时候才会销毁，比较占内存资源
        局部变量：当我们程序执行完毕的时候就会销毁，比较节约内存资源
4、作用域链：
    只要是代码，就至少有一个作用域；
    写在函数内部的局部作用域；
    如果在函数里面还有函数，那么在这个作用域中又可以诞生一个新的作用域；
    根据在内部函数可以访问外部函数变量的这种机制，用链式查找决定哪些数据能被内部函数访问，就称为作用域链。
    （就近原则）

 

我们在fn1函数中声明变量num，并创建了函数fn2，fn2中也声明了函数num，可以看到输出结果是没有冲突的，这说明fn2在fn1中开辟了一个新的作用域。