JS基础--数据在内存中的表现

1、基本数据类型在内存中的存储

var str1 = 'aa';
var str2 = str1;//在栈中另外开辟一个空间存储str2，并将str1中的内容复制到str2中
str1 = 'bb';
console.log(str1);//bb
console.log(str2);//aa

 

2、复杂数据类型在内存中的存储

        //在堆区创建对象，在栈区分配空间并指向堆区对象
	//首先p1指向栈区地址，栈区指向堆区空间Person
	//p2 = p1：在栈区又开辟一块地址，且指向堆区同一对象Person
	//所以修改p1，也会修改p2
		function Person(name,age){
			this.name = name;
			this.age = age;
		}

		var p1 = new Person('aa',23);
		var p2 = p1;
		p1.name = 'bb';

		console.log(p1.name);//bb
		console.log(p2.name);//bb

3、基本类型作为函数的参数

var num1 = 10,num2 = 20;//num1，num2在栈区
fn(num1,num2);
console.log(num1);//10
console.log(num2);//20

function fn(n1,n2){//函数在堆区，但是形参n1，n2也会在栈中单独开辟空间,即栈中一共有四个变量空间
	n1 *= 2;    //所以该函数调用后不会影响num1，num2的值
	n2 /=2;
	console.log('n1='+n1);//20
	console.log('n2='+n2);//10
}

4、复杂类型作为函数的参数

                function Person(name,age){//在堆区，由栈区地址指向
	            this.name = name;
	            this.age = age;
                }
    
		//普通函数
		function func(person){//person和p指向栈区不同的地址空间，但指向堆中同一对象
			person.name = 'aa';//因此调用函数之后名字会被修改
		}

		var p = new Person('mm',23);
		console.log(p.name);//mm
		func(p);
		console.log(p.name);//aa