作用域其实很简单的

待我称王封你为后i 2022-01-29 05:21 382阅读 0赞

//多级作用域
            //-->1级作用域
      let gender="男";
      function fn(){
        //问题1：
        //gender:可以访问
        //age:  可以访问
        //height:不能访问
    
        //-->2级作用域
        return function(){
          //问题2：
          //gender:   通过一级一级作用域的查找，发现gender是全局作用域中声明的变量
          //age:
          //height：
          console.log(gender);
    
          //-->3级作用域
          let height=180;
        };
        let age=5;
      }

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2l0d2FuZ3lhbmc1MjA_size_16_color_FFFFFF_t_70][]

//注意：变量的声明和赋值是在两个不同时期的
        function fn(){
            console.log(age);   //undeinfed
            var age=18;
            console.log(age);   //18
        }
    
        //fn函数执行的时候，首先找到函数内部所有的变量、函数声明，把他们放在作用域中，给变量一个初始值：undefined    -->变量可以访问
        //逐条执行代码，在执行代码的过程中，如果有赋值语句，对变量进行赋值
    
        function fn(){
            var age;        //初始值：undefined
    
            console.log(age);   //undeinfed
            age=18;     //修改了变量的值
            console.log(age);   //18
        }

function fn(callback){
            
            var age=18;
            callback()
        }
    
       fn(function(){
            console.log(age);
            //分析：age变量：
            //1、查找当前作用域：并没有
            //2、查找上一级作用域：全局作用域
            //-->难点：看上一级作用域，不是看函数在哪里调用，而是看函数在哪里编写
            //-->因为这种特别，我们通常会把作用域说成是：词法作用域
        })

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2l0d2FuZ3lhbmc1MjA_size_16_color_FFFFFF_t_70]: /images/20220129/3b11f5674731486b9190ee36c8098497.png