浅谈js的作用域

作者: 独立行走的蚂蚁 | 来源:发表于2018-04-17 13:46 被阅读27次

    1、如何区分私有变量和全局变量

    (1).在全局作用域下声明(预解释的时候)的变量是全局变量;
    (2).在私有作用域中声明的变量和函数的形参都是私有的变量;

    在私有作用域中,我们代码执行的时候遇到一个变量,首先我们确定它是否为私有的变量,如果是私有的变量那么和外面没有任何关系;如果不是私有的,则往当前作用域的上级进行查找,如果上级作用域也没有,会继续往上面查找,一直找到window为止。这个就简称作用域链。

    2、当函数执行的时候(直接的目的是让函数体的代码执行),首先会形成一个新的私有的作用域,然后按照以下步骤执行:

    (1)如果有形参先给形参赋值
    (2)进行私有作用域中的预解释
    (3)私有作用域中的代码从上到下执行

    函数形成了一个私有的作用域保护了里面的私有变量不受外界的干扰,外面修改不了私有的,私有的也修改不了外面的,我们称这种保护机制为闭包

    例子1:

    console.log(total)  // undefined 全局预解释的时候已经提前声明了
    var total = 0;
    function fn(num1, num2){
        console.log(total)      //undefined  这时候的total是私有的作用域里面声明的和外面没有关系
        var total  = num1+num2  
        console.log(total)    // 150
    }
    fn(50, 100)
    console.log(total)    //  0  全局作用域下面的total
    

    例子2:

    console.log(total)  // undefined 全局预解释的时候已经提前声明了
    var total = 0;
    function fn(num1, num2){
        console.log(total)      //0  这时候的total是全局作用域的total,因为私有作用域没有声明往上级查找
         total  = num1+num2  
        console.log(total)    // 150 这时候的total 也是全局的total,从新给total赋值
    }
    fn(50, 100)
    console.log(total)    //  150  这时候全局作用域下面的total已经从新赋值,是150
    

    3.如何查找当前作用域的上一级作用域
    看当前函数是在哪个作用域下定义的,那么它的上级作用域就是谁,和函数在哪里执行没有关系

    var num = 20;
    function fn () {
      var num = 50;
      return function () {
        console.log(num)
      }
    };
    var fn1 = fn();
    fn1() // num是50
    !function () {
      var num = 100;
      fn1() // 50
    }();
    

    相关文章

      网友评论

      • flygo:作用域最小单位貌似一般都是function,括号,for,if内外的变量还是会相互覆盖的

      本文标题:浅谈js的作用域

      本文链接:https://www.haomeiwen.com/subject/pbwukftx.html