码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2020-01-22 21:52:18      阅读:73      评论:0      收藏:0      [点我收藏+]

标签:javascrip   搜索   console   define   ons   声明   提前   大括号   情况   

变量包括:全局变量,局部变量

 

在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();

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

标签:javascrip   搜索   console   define   ons   声明   提前   大括号   情况   

原文地址:https://www.cnblogs.com/tongguilin/p/12229553.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!