深拷贝和浅拷贝是针对复杂数据类型来说的,浅拷贝只拷贝一层,而深拷贝是层层拷贝。
深拷贝
深拷贝复制变量值,对于非基本类型的变量,则递归至基本类型变量后,再复制。 深拷贝后的对象与原来的对象是完全隔离的,互不影响, 对一个对象的修改并不会影响另一个对象。
可 以 使 用 for in 、 Object.assign 、 扩 展 运 算 符 ... 、Array.prototype.slice()、Array.prototype.concat() 、递归等递归函数实现深拷贝
浅拷贝
浅拷贝是会将对象的每个属性进行依次复制,但是当对象的属性值是引用类型时,实质复制的是其引用,当引用指向的值改变时也会跟着变化。
浅拷贝只会拷贝简单数据类型 复杂数据类型不会直接拷贝,
只会拷贝它的内存地址(内存地址相同指向的是同一个对象)
例如:Object,Array,function
// 浅拷贝案例
var arr = [1,2,3,4,5];
let arr2 = [6,7,8,9];
// 如果要将arr2拷贝一份到arr中的话可以使用ES5数组的concat方法或ES6的扩展运算符 // ES5
var arr = arr.concat(arr2);
console.log(arr)
// ES6
var arr = [1,2,3,4,5,...arr2];
console.log(arr)
// 如果数组中有复杂类型则会拷贝内存地址
var arr = [1,2,{a:3,b:4},5,6];
var arr2 = [7,8,9,...arr];
// 他俩完全相同 证明内存地址相同 要想拷贝一份完全新的对象需要使用深拷贝 console.log(arr2[5] === arr[2])