其他分享
首页 > 其他分享> > 变量提升(变量的提升过程)

变量提升(变量的提升过程)

作者:互联网

预编译(发生在函数执行的前一刻)

1.创建一个AO对象(Activation Object)

2.找形参和变量声明,将变量和形参名作为AO属性名,值为undefined,

3.将实参值和形参值统一

4.在函数体里面找函数声明,值赋予函数体

 

eg:  function fn(a) = {

  console.log(a);

  var  a= 123;

  console.log(a);

  function a () {}

  console.log(a);

  var b = function(){}

  console.log(b)

  function d (){}

}

fn(1);


解析: 

  1.创建一个AO:{}

  2.变量声明和形参=》(形参是a,变量声明是var a 和var b),故为:

    AO:{

      a:undefined

      b:undefined

    }

  3.将实参和形参相统一(实参:1,形参:a),也就是把实参的值,放入到形参中去,故也就是改变AO中的变量的值

  

    AO:{

      a:1

      b:undefined

    }

  4.函数体中的函数声明,函数体中的函数声明则有 function a() {} 和 function d() {} 所以将函数名作为AO对象的属性名挂起(把整个函数体赋值给这个AO的变量)

  

    AO:{

      a:function a(){}

      b:undefined

    }

开始执行函数:

  5.打印 第一个 console.log(a),要获取a的值需要去AO中获取

   第一个console.log(a)的值为:function  a() {}

   var  a=123,var a 被提升过,但是a=123还是存在 所以 a=123需要进行赋值到AO  操作的是AO变量中的a ,所以需要给AO变量中的a,重新赋值

   

    AO:{

      a:123

      b:undefined

    }

   第二个console.log(a)的值为:123

   function  a(){} 在预编译的时候被提升过,所以不需要在处理

   第三个console.log(a) 的值为:123

   var b = function () {} var b 在预编译的时候进行提升过,但是B=function () { }没有,所以这个时候需要对AO中的b进行重新赋值

   故: 

    AO:{

      a:123

      b:function () {} 

    }

   打印 console.log(b)的值为: function () {}

 

标签:function,console,变量,AO,123,提升,var,过程,log
来源: https://www.cnblogs.com/rockyjs/p/15712333.html