Node.js笔记------作用域

一.什么是作用域

       作用域是运行时代码中某些特定部分中变量,函数和对象的可访问性。换句话说,作用域决定了代码中变量和其他资源的可见性。

 

    作用域就是一个独立的地盘,让变量不会外泄、暴露出去。

    作用域最大的用处就是隔离变量，不同作用域下同名变量不会有冲突。

    ES6之前JavaScript没有块级作用域，只有全局作用域和函数作用域。

    ES6的到来,为我们提供了"块级作用域",可通过新增命令let和const来体现。

二 全局作用域

        在代码中任意地方都能访问到的对象拥有全局作用域。

        (即在全局作用域中定义的变量可以在任何地方使用。)

        全局作用域在页面打开时创建,在页面关闭时销毁。

  情况一:所有未定义直接赋值的变量自动声明为拥有全局作用域

 function Fun1(){
     a ='未定义直接赋值的变量'; 
     var b ='内层变量';
 }
 Fun1();
 console.log(a);//未定义直接赋值的变量
 //console.log(b); //b is not defined

  注意:如果一个变量在声明的时候没有使用关键字。

        例如:num = 10 ,此时这个变量无论写在哪里都是全局变量

        但是这是非常不规范的，千万不要这么写，否则以后代码可能会出现bug

  情况二:最外层函数和最外层函数外面定义的变量拥有全局作用域

var A = '最外层变量';//最外层变量

function outFun(){ //最外层函数
     var B ='最外层函数的内层变量'

     function innnerFun(){  //内层函数
         var c ='内层函数的内部变量'
     }
 }
console.log(A);//最外层变量
//console.log(B); //B is not defined 
outFun()
//innerfun(() //innerfun is not defined
//console.log(c); //c is not defined

  情况三:所有window对象的属性拥有全局变量

        在全局作用域中有一个全局对象window,他代表的浏览器的窗口，由浏览器创建。

        一般情况下,window对象的内置属性都拥有全局作用域,例如window.name、window.location

三.函数作用域

      声明在函数内部的变量,和全局作用域相反,局部作用域一般只在固定的代码片段内可访问到

       最常见的例如函数内部,所以在一些地方也会看到有人把这种作用域称为函数作用域。

<script>
        function outFun(){
            var a ='函数内部的变量';
            
            function innerFun(){
                console.log(a);//函数内部的变量
            }
            innerFun();
        }
        //console.log(a); //a is not defined 
        //innerFun; //innerFun is not defined 
        outFun()
    </script>

四.块级作用域

   ES6 可以使用let关键字或者const关键字来实现块级作用域。

   let或const声明的变量只在let或const命令所在的代码块 {} 内有效，在 {} 之外不能访问。

<script>
        if(1){
            let sex = '女'
            console.log(sex);//女
        }
        // console.log(sex); //sex is not defined

        for(let i = 1; i <=4; i++){
            console.log('循环内部:'+i);
        }
        console.log('循环外部:'+i);//i is not defined
    </script>

五.作用域链

        默认情况下,代码处于全局作用域(0级链),当声明一个函数之后就会开辟一个局部作用域(1级)。

        而函数里面又可以声明一个函数,又会形成新的作用域(2级),以此类推形成的结构称之为作用域链

        【变量访问规则:就近原则】

        当你在一个作用域访问变量的之后,首先会看当前作用域有没有声明。

        如果有则访问。没有则往上级作用域查找,有没有声明。

        有则访问,没有则继续往上。

        直到作用域最顶端0级,如果还没有找到,则程序报错。

六.匿名函数

<script>
        //【匿名函数】
        // 没有函数名的函数

        // 具名函数
        function fn(){
            console.log('111');
        }
        fn()

        //匿名函数
        let fn1 = function(){
            console.log('222');
        }
        // fn1()

        // 执行匿名函数：自执行语法
        // 自执行语法:(匿名函数)()
        (function(){
            let num = 10
            console.log('333');
        })()
    </script>