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. 栈 - 基本数据类型
    1.
2. 堆 - 引用数据类型
    1. GO 全局对象
    2. VO 变量对象 用来存放当前执行上下文中创建的数据

JS 变量都存储在内存中，而内存给变量开辟了两块存储空间，分别为栈（stack）空间和堆（heap）空间;

栈空间：存放 JS 基本数据类型，通过按值访问，可以直接操作保存在变量中的实际值;

堆空间：存放 JS 引用数据类型，通过对象的引用访问，不可以直接访问堆内存空间中的位置和操作堆内存空间。只能操作对象在栈内存中的引用地

址。

ECG 执行上下文

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

堆

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