深拷贝与浅拷贝

数据类型

• 数据类型分为
  1: 基本数据类型(Number,String,Boolean,Undefined,Null)
  特点: 直接存储在栈中的数据
  2: 引用型数据类型(数组,对象,函数)
  特点: 存储的是该对象在栈中引用,真实的数据存放在堆内存里面

引用数据类型在栈中存储了指针,该指针指向堆中该实体的起始地址.当解释器寻找引用值时,会首先检索其在栈中的地址,取得地址后从堆中获得实体!!

深拷贝与浅拷贝

深拷贝

• 特点: 深拷贝会另外创建一个一模一样的对象,新对象和原对象不共享内存,修改新对象不会对原对象造成影响.
• 例如:

var a = 123;
var b = a;
a = 456
console.log(a)  // 此时a = 456
console.log(b)  // 此时b = 123

浅拷贝

• 特点: 浅拷贝只复制指向某个对象的指针,而不是复制对象本身,新旧对象还是共享一块内存,修改新旧任意一个对象,则另一个对象也随之改变.
• 例如:

var obj = {
  name = '小明',
  age = 18
} 
var obj_ = obj;
obj.sex = 'nan'; // 在对象obj中加入属性,没有在obj_中添加
console.log(obj); // 此时obj = { name = '小明', age = 18, sex = '男'}
console.log(obj_); // 此时obj_ = { name = '小明', age = 18, sex = '男'}

赋值和浅拷贝的区别

• 当我们把一个对象赋值给一个新的变量时，赋的其实是该对象的在栈中的地址，而不是堆中的数据。也就是两个对象指向的是同一个存储空间，无论哪个对象发生改变，其实都是改变的存储空间的内容，因此，两个对象是联动的。
• 浅拷贝是按位拷贝对象，它会创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本类型的值；如果属性是内存地址（引用类型），拷贝的就是内存地址 ，因此如果其中一个对象改变了这个地址，就会影响到另一个对象。即默认拷贝构造函数只是对对象进行浅拷贝复制(逐个成员依次拷贝)，即只复制对象空间而不复制资源。