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

JavaScript的顶层对象是什么 js底层_字符串

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)