JS-----预编译

一.JS预编译

（1）预编译，简单理解，就是在内存中开辟一块空间，用来存放变量和函数。
（2）预编译发生在函数执行前；也就是说函数执行时，预编译已经结束。

2.要了解预编译，就要先了解变量声明。变量声明又分为全局和局部。

• 任何变量，如果未经声明就赋值，此变量就为全局变量所有。
• 一切声明的全局变量，都是window的属性。
  eg：

 <script>
    var a=123;
    console.log(window.a);//输出123
      b=3;
      console.log(window.b);
    </script>

这行代码可以诠释上面对全局变量的说明

在全局声明的变量，称为全局变量。全局变量的作用域就是全局。局部变量的作用域通常是在函数内部。全局作用域称为GO，全称：Global Object。临时作用域成为AO，全称：Activation Object。而GO又可以理解为window这个对象。GO和AO要和JS的预编译一起理解。

3.变量（声明提前）

解释：JavaScript函数里的所有声明（只是声明，但不涉及赋值）都被提前到函数体的顶部，而变量赋值操作留在原来的位置。
eg：

  <script>
   console.log("前"+a);//1     输出undefined
   var a=2;             //2
   console.log("后"+a);//3   输出2
    </script>

注意:(1)JavaScript 脚本在执行之前先进行预编译
上面的代码是这样运行的:执行前会把2代码的声明(即把var a)提前到顶部,后面的赋值(=2)留在原地不动,所以第1行代码执行的时候,a并没有赋值,所以输出的是undefined,当第3行代码执行时,var a 已经在第二行的时候进行了赋值,所以输出的是2.

4.函数声明（整体提前）

函数声明语句将会被提升到外部脚本或者外部函数作用域的顶部。
eg:

 <script>
  test();
  function test(){
      console.log("提升了");//输出  提升了
  }
    </script>

如上代码:在函数的上面调用函数并没有报错,而是打印了,这就可以说明函数是整体提前了(即其实函数声明 function test() {} 已经提升到 test() 之前，这也是预编译导致的，所以函数 test() 能够在定义之前执行，并且没有报错。)

总结:
1()理解预编译需要明白 :先 变量/函数声明 和 后 变量赋值。
(2)预编译阶段，只进行 变量/函数声明，不会进行变量的初始化（即变量赋值，所有变量的值都是 undefined）；变量赋值 是在解释执行阶段才进行的

二.函数的生命周期

函数的生命周期分为三个部分分别是:
eg:

   <script>
 var a=10;
 function fun(){
     var a=100;
     a++;
     console.log(a);//101
 }
 fun();//101
 console.log(a);//10

1. 开始执行前 (1)创建环境栈(数组 ECS) (2)向执行环境栈中压入第一个默认函数main(),创建全局作用域对象Window(GO) (3)全局做预编译 函数有个隐藏属性scopen记录着执行期上下文集合包括自己所属的作用域的对象 eg:

2. 执行期
   (1)在ECS中压入一个新元素(函数执行环境)创建一个活动对象(AO),保存本次函数中的局部变量,AO对象中的parent指向父级作用域对象
   (2)执行过程中:优先使用活动对象中的局部变量
   eg:
   
3. 执行结束后
   (1)执行环境栈中的本次函数的执行环境出栈,因此活动对象被释放,同时局部变量一同释放