2.js的运行机制(堆栈内存和不同数据类型操作方式)

js的运行机制(堆栈内存和不同数据类型操作方式)

var a=12;
var b=a;
b=13;
console.log(a); //a=>12
    
var obj1={n:100};
var obj2=obj1;
obj2.n = 200;
console.log(obj1.n); //=>200

理解js的运行机制 1.当浏览器(内核、引擎)渲染和解析js的时候，会提供一个供js代码运行的环境，我们把这个环境称之为"全局作用域(global /window scope)" 2.代码自上而下执行(之前还有一个变量提升阶段) =>基本数据类型的值会存储在当前作用域下

解读 var a = 12;
首先开辟一个空间存储12
在当前作用域中声明一个变量a(var a)
让声明的变量和存储的12进行关联(把存储的12赋值给a =>赋值操作叫做定义)
        
解读var b=a
基本数据类型（值类型）：是按照值来操作的，把原有的值复制一份。重新把12复制一份放到新的存储空间，和原来的值没有关系，var b = 12 此时a/b没有关系
      
b=13
首先开辟一个空间存储13，b和13关联

引用类型的值不能直接存储到当前作用域下(因为可能存储的内容过于复杂)，我们需要先开辟一个新的空间(理解为仓库)，把内容存储到这个空间中

var obj1 = {n:100};
1.首先开辟一个新的内存空间，吧对象中的键值对依次存储起来(为了后面可以找到这个空间，此空间有一个16进制的地址)
2.声明一个变量
3.让变量和空间地址关联在一起(把空间地址赋值给变量)
    
var obj2=obj1;
引用类型不是按照值来操作，它操作的是空间的引用地址：把原来空间的地址赋值给新的变量，但是原来的空间没有被克隆，还是一个空间，这样就会出现多个变量关联的是相同的空间，相互之间就会存在影响
obj2.n = 200; 

 

作用域空间叫做栈内存 =>本身就是一个供js代码执行的环境，所有基本类型值都会直接的在栈内存中开辟一个位置进行存储

引用类型新开空间，叫做堆内存 =>用来存储引用类型中的信息值，对象存储的是键值对，函数存储的是代码字符串

堆栈内存习题

var obj={
        n:10,
        m:obj.n*10 //=>Uncaught TypeError: Cannot read property 'n' of undefined
    }; 
    console.log(obj.m);
    1.开辟一个全局作用域(栈内存)
    2.代码自上而下执行
    3.开辟一个新的堆内存(AAAFFF111)，把键值对存储到堆内存中，
    n:10
    m:obj.n*10 =>obj.n
    此时堆内存信息还没有存储完成，空间地址还没有给obj,此时的obj是undefined，obj.n<=>undefined.n 基本类型没有属性这个概念
    
    var obj={
        n:10
    };
    obj.m=obj.n*10;
    console.log(obj.m);//=>obj.m=100
    
    数组对象
    var ary1=[3,4];
    var ary2=ary1;
    ary2[0]=1;
    ary2=[4,5];
    ary2[1]=2;
    ary1[1]=0;
    console.log(ary1,ary2); //=>[1,0] [4,2]