Javascript中的深拷贝和浅拷贝

天祈

2021-07-09 / 0 评论 / 177 阅读 / 正在检测是否收录...

07/09

温馨提示：

本文最后更新于2022年07月12日，已超过1003天没有更新，若内容或图片失效，请留言反馈。

1.javascript变量包含两种不同数据类型的值：基本类型和引用类型。

基本类型值指的是简单的数据段，包括es6里面新增的一共是有6种，具体如下：
number 、 string 、 boolean 、 null 、 undefined 、 symbol
引用类型值指那些可能由多个值构成的对象，只有一种如下：
object
而数组Array和对象Object的数据类型都属于引用数据类型 object
在将一个值赋给变量时，解析器必须确定这个值是基本类型值还是引用类型值。基本数据类型是按值访问的，因为可以操作保存在变量中的实际的值。
引用类型的值是保存在内存中的对象。与其他语言不同，JavaScript 不允许直接访问内存中的位置，也就是说不能直接操作对象的内存空间。在操作对象时，实际上是在操作对象的引用而不是实际的对象。

2.Javascript的变量的存储方式--栈（stack）和堆（heap）

栈：自动分配内存空间，系统自动释放，里面存放的是基本类型的值和引用类型的地址

堆：动态分配的内存，大小不定，也不会自动释放。里面存放引用类型的值。

3.值传递与址传递


//地址传递
var aa="strs";
var bb=aa;
aa="strs2";
console.log(aa); //strs2
console.log(bb); //strs


//浅拷贝 地址传递
var aa = { a: 1, b: 2 }; //定义对象  数组同例
var bb = aa; //此时是地址传递,两个变量指向栈上同一个地址
aa.a = 3; //改变堆上地址对应的值
console.log(aa); //{ a: 3, b: 2 };
console.log(bb); //{ a: 3, b: 2 };


//深拷贝 地址传递
var aa = { a: 1, b: 2 }; 
var bb = JSON.parse(JSON.stringify(aa));//序列化之后反序列化,在栈上开辟了独立空间
aa.a = 3; //改变堆上地址对应的值
console.log(aa); //{ a: 3, b: 2 };
console.log(bb); //{ a: 1, b: 2 };