JS进阶（二）JS底层运行机制之堆栈内存

1.JS底层运行机制之堆（Heap）栈（Stack）内存

相关理论知识

• ECStack(Execution context Stack) 执行环境栈: —— 内存中分出来用于执行js代码的空间
• EC(Execution context): —— 执行上下文， 为了区分全局和函数执行所处的不同范围(词法作用域)，又可以分为全局执行上下文EC(G)和函数执行私有上下文EC(FUNC)
• VO(Varilbale Object)和AO(Active Object): —— 在每一个上下文代码执行的时候，都可能会创建变量 ， 全局变量对象VO(Varilbale Object) 和 私有变量对象AO (Active Object)
• GO(global object): 内置、全局对象,——浏览器把所有供后期需要供JS调取使用的属性和方法都放在GO对象中，如setInterval、eval、JSON并且创建一个window对象指向它,使用的时候可以省略window，如window.console.log=> console.log

	  let a = 12;
	  let b = 13;
	  function func(){
	     let a = 1;
	     let b = 3;
	  }
	  console.log( a,b )   // 12 ,13
	  // 由上图我们可以得知函数中的a、b变量存到了AO(FUNC)中，函数外的a、b存到了VO中，所以函数取到的应该是VO中的12，13

代码执行阶段

• 创建变量并赋值的过程【3步】
  1、先创建值
  基本类型的值直接存储到栈内存中
  引用数据类型需要开辟一个堆内存，
  把堆内存地址存放到栈中供变量调用
  2、创建变量，存储在变量对象中
  3、关联，让变量和值进行关联(指针指向的过程)

• 对象中属性名的类型
  【说法一，属性名类型只能是字符串或者Symbol】
  【说法二，属性名类型可以是任何基本类型值,处理中可以和字符串互通】
  但是属性名绝对不能是引用数据类型，如果设置为引用数据类型，最后也是转换为字符串来处理的， 属性名应该是一个值

  	for(let key in obj){}  
  	// For In 遍历中获取的属性名都会变成字符串，并且不会迭代   到属性为Symbol类型的属性
  

    var a ={} , b ="0" , c =0;
    a[b] = "蓝天"
    a[c] ="白云"
    console.log(a[b])  // 白云
    
    var a ={} ,
          b = Symbol("1") ,
          c =Symbol("1") ;
    a[b] = "蓝天"
    a[c] ="白云"
    console.log(a[b])  // 蓝天
    
    var a ={} ,
          b = { n:'1' } ,
          c = { m:'2' } ;
    a[b] = "蓝天"
    a[c] ="白云"
    // a['[object Object]']
    console.log(a[b])  // 白云
    
    //  连等赋值
    let a = 12，
         b = 13;
         => let a =12; let b =12;
         
    let a = b = 12; 
     // 默认从右到左
     // 1、创建一个值12
     //  2、b = 12；
     //  3、let  a = 12；
     [mdn 运算符优先级](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Operator_Precedence)
    a.x  = a  ={};
    a = a.x = {};
    因为a.x的优先级是很大的，不管怎么调换位置，都是先处理a.x = {}
  
  
    var a = {
    	n : 1
    }
    var b = a;
     a.x = a = {
        n : 2
    }
    console.log(a.x)  // undefined
    console.log(b)    // { n:1 , x: {n:2} }
    // 解析： 1、先创建值: 引用类型，开辟堆空间存{n:1}, 引用为16进制的地址如AAFFCC
  

  例子：
  let sy = Symbol(‘AA’)
  let x = {
  0 : 0
  }
  let obj = {
  0: 12,
  true: “xxx”,
  null: 20
  }
  obj[sy] = ‘rock’
  obj[x] = 100; // 对象做属性名，会变为[object Object]作为属性名

思考题

var x = [12,23];
function fn(y) {
   y[0] = 100;
   y = [100];
   y[1] = 200;
   console.log(y)
}
fn(x);
console.log(x)

写在最后

欢迎访问我的博客rockshang.com