zoukankan      html  css  js  c++  java
  • 我之理解js作用域,作用域链与变量提升

    function test4(){
      console.log("test4:"+a)
    }
    test4();
    var a=1;
    function test(){
      var test1=function () {
        var test2=function () {
          console.log("test>test1>test2:"+a)
        }
        test2();
      }
      test1();
    }
    function test3(){
      console.log("test3:"+a)
    }
    test3();
    test();
    

     上面是一个代码段,运行结果如下: 

    变量提示:变量分为声明和赋值两个阶段,而变量提升的是声明阶段,赋值原地不动,变量提升会将该变量声明到当前运行环境的最顶端(函数开始的第一行)。所以test4中打印出来的是undefined,而不是抛出一个errror。

    作用域链:test2中并没有定义a值,但是由于test2在test1中所以会去test1中找值,test1中也未定义,于是去test中找,最后到global找到了值,所以test打印出啦的值为1.从test2->test1->test->global这条线就叫做作用域链。

    作用域:test2和 test3中都能获取到a的值,这个是a的作用域。作用域指一个变量的有效区间。如下图:

    盒子表示的是运行环境。从test2和test4找到最外层a的这个叫作用域链。a声明位置提升到了最外层运行环境的最顶端,这个叫变量提升。a的作用域就是这个大盒子。

    代码多写多测试,遇到不懂得写下来运行一遍,还是不懂的话就在去提问查。

  • 相关阅读:
    Convolution1D与Convolution2D区别
    git
    cast函数
    Ubuntu14.04编译WebRTC For Android代码 2014-07-24
    R语言基础-数组和列表
    疯狂的创业运动
    Autodesk 举办的 Revit 2015 二次开发速成( 1.5 天),教室培训, 地点武汉
    注冊(十一)重注冊带有鉴权信息
    ubuntu14.04无法安装Curl
    Bash脚本中的操作符
  • 原文地址:https://www.cnblogs.com/mapletao/p/7117869.html
Copyright © 2011-2022 走看看