JavaScript之作用域,作用域链和预解析

Posted 2021-03-14 珍惜缘份

变量包括：全局变量，局部变量

 

在javascript中，函数中定义的变量是局部变量

 

作用域:就是变量的使用范围，

 

分为：局部作用域和全局作用域

 

js中没有块级作用域---一对括号中定义的变量,这个变量可以在大括号外面使用

 

作用域链:变量的使用,从里向外,层层的搜索,搜索到了就可以直接使用了

 

var num=10; //作用域链 级别:0

   var num2=20;

   var str = "abc"

   function f1() {

     var num2=20;

     function f2() {

       var num3=30;

       console.log(num);

     }

     f2();

   }

   f1();

 层层搜索,搜索到0级作用域的时候,如果还是没有找到这个变量,结果就是报错

 

预解析:就是在浏览器解析代码之前,把变量的声明和函数的声明提前(提升)到该作用域的最上面

 

（1）变量的提升

 

下面这种情况，变量的声明被提前了，但是num的值并没有提前，结果为undefined

 

//变量的提升

    console.log(num);

    var num=100;

 

 

//提升之后为：

var num;//变量的声明提前

console.log(num);

    var num=100;

 （2）

 

函数声明被提前，代码仍然可以执行

 

//函数的声明被提前了

    f1();

    function f1() {

      console.log("这个函数,执行了");

    }

但是对于下面这种情况，代码报错

 

f2();

    var f2=function () {

        console.log("小杨好帅哦");

    }

 

//声明提前后：

var f2;//为一个变量，undefind

f2();//undefind加括号是不被认可的，所以报错

    var f2=function () {

        console.log("小杨好帅哦");

    }

 要想不报错，代码可以改为：

 

var f2;

    f2=function () {

      console.log("小杨好帅哦");

    };

    f2();