JS 代码片段 / 预编译/预解析 /执行上下文/ECG/EC/ECS/GO/VO/AO

代码段概念

1. 一个script就是一个代码段
2. 在一个页面中可以有多个代码段
3. 每一个代码段, 彼此独立的, 如果上面的代码段报错了,不会影响下一个代码段
4. referenceError 引用错误
5. 下面代码段中定义的数据,在下面的代码段中可以使用

预编译/预解析

1. 预解析期间做了什么
   1. 声明提升 ,var 定义的变量 提升的仅仅是声明,没有赋值,强行调用,返回undefined;function声明的函数整体要提升, 提升到代码段的最前面
   2. 如果是函数内部的局部变量, 就提升到函数内部的最前面
   3. var定义的变量仅仅是提升, 函数提升不仅是声明,还有赋值
   4. 函数表达式 本质是一个变量

      fun();//这里会报错, 函数表达式提升 只声明没赋值, 这里fun的值是undefined
      var fun = function(){console.log('fun...')}
      

   5. 函数也会提升,如果提升变量名和函数名一样,只会存在一个名字,所以函数提升后 同名变量的值就会变成函数

          console.log(v);
          var v = 123;
          function v(){}
          console.log(v);
      // 输出
      // function v(){}
      // 123
      

   6. 函数内部没有定义的的变量,是全局变量

          function fn(){
              a = 100  //a在函数内部没有定义  就是全局变量
          }
          fn()
          console.log(a) //110
      

数据存储

1. 栈-基本数据类型
2. 堆- 引用数据类型

JS变量都存储在内存中，而内存给变量开辟了两块存储空间，分别为栈（stack）空间和堆（heap）空间;
栈空间：存放JS基本数据类型，通过按值访问，可以直接操作保存在变量中的实际值;
堆空间：存放JS引用数据类型，通过对象的引用访问，不可以直接访问堆内存空间中的位置和操作堆内存空间。只能操作对象在栈内存中的引用地
址。

ECG 执行上下文

1. 全局代码执行时就会产生全局的执行上下文, execution context globle
2. 每当调用函数就产生一个局部的执行上下文EC
3. 执行上下文产生时, 都需要放到一个栈中, 这个就是执行上下文栈 execution context stack
4. 函数调用完毕,函数的EC就要出栈,当ECG执行完毕时, ECG也要出栈 
5. 出入栈 遵循 先进后出  也就是ECG先进  最后出来
6. 代码的数据都是在上下文EC中去找

堆 GO

1. js在代码执行时, 会在堆中创建一个全局对象,Globle Object  GO
2. 在浏览器中 这个GO就是window
3. GO是一个window , window是一个全局对象,对象是属性的无序集合
4. 声明的全局变量 和 在全局代码中写的函数都挂载在GO上