总结JavaScript对象的深浅拷贝 - 网站源码_资源分享

甚么是第一类的复本?将两个第一类表达式给除此以外两个第一类, 他们称作第一类的复本甚么是深复本, 甚么是浅复本?他们假定将A第一类表达式给B第一类浅复本是指, 修正B第一类的特性和方式会负面影响到A第一类的特性和方式, 他们称之为浅复本下列三种情形都归属于浅复本：1、预设情形下第一类间的间接表达式都是浅复本let A = { name: zyx, age: 20 } let B = A console.log(B) // {name: “zyx”, age: 20} //修正B的 name 特性 B.name = ls //A 也接到负面影响 console.log(A) // {name: “ls”, age: 20} console.log(B) // {name: “ls”, age: 20} 表达式操作方式(主要包括第一类做为模块、codice),不能开拓捷伊物理地址,他而已表达式了第一类的提及.也是除B那个英文名字以外,没其它的内存开支,修正了A也就负面影响了B,修正了B,也就负面影响了A.总的来看：

2、假如 第一类的特性包涵了提及正则表达式（字符串、第一类），所以即便并非间接表达式操作方式，而要开拓了几层捷伊物理地址，换句话说只复本了A第一类的几层，这依然归属于浅复本。

let A = { name: ls, age: 20, hobbies: [dance,basketball,read], dogs:{ name: 绿豆, color: yellow } } let B = {} //表述两个表达式，把A第一类的特性拷贝这份给B function extend(obj1,obj2){ for(var key inobj1){ obj2[key] = obj1[key] } } extend(A,B)//修正B第一类中的提及类别统计数据，A第一类也接到负面影响 B.dogs.color = red B.hobbies[0] = sing console.log(B)console.log(A)

运行截图如下：修正B第一类中的提及类别统计数据，A第一类也接到负面影响，归属于浅复本

3、ES6中新增的 Object.assign() 也是第一类的浅复本

Object.assign 方式用于第一类的合并，将源第一类（source）的所有可枚举特性，拷贝到目标第一类（target）。 Object.assign 方式的第两个模块是目标第一类，后面的模块都是源第一类。注意，假如目标第一类与源第一类有同名特性，或多个源第一类有同名特性，则后面的特性会覆盖前面的特性。

const obj1 = {a: {b: 1}}; const obj2 = Object.assign({}, obj1); obj1.a.b =2; obj2.a.b // 2

上面代码中，源第一类 obj1 的 a 特性的值是两个第一类， Object.assign 复本得到的是那个第一类的提及。那个第一类的任何变化，都会反映到目标对象上面。

4、扩展运算符（…）

利用扩展运算符可以在构造字面量第一类时,进行克隆或者特性复本 ,归属于浅复本

5、Array.prototype.slice()

slice() 方式返回两个捷伊字符串第一类，这一第一类是两个由 begin和 end（不主要包括end）决定的原字符串的浅复本。原始字符串不能被改变。

深复本是指, 修正B第一类的特性和方式不能负面影响到A第一类的特性和方式, 他们称作深复本下列三种情形都归属于深复本：1、预设情形下两个第一类的特性假如是基本正则表达式 , 所以进行拷贝（复本），都是深复本假如A第一类的特性都是基本正则表达式（Number、String等），此时要想深复本这份A给B，该怎么做呢，在这种 要复本的第一类A只有基本类别的统计数据时，只需要在缓存中开拓一块空间存储B就行了。let A = { name: zyx, age: 20 } let B = {} //表述两个表达式，把A第一类的特性拷贝这份给B function extend(obj1,obj2){ for(var key in obj1){ obj2[key] = obj1[key] } } extend(A,B) console.log(B) // {name: “zyx”, age: 20} B.name = ls console.log(B) // {name: “ls”, age: 20} console.log(A) // {name: “zyx”, age: 20}这样就实现了深复本，如下图所示：

2、假如 要复本的第一类本身又包涵了提及正则表达式 ，即第一类又包涵字符串或者第一类，层层嵌套的情形下，想要实现第一类的深复本，可以采用递归的方式进行深复本。

let A = { name: ls, age: 20, hobbies: [dance,basketball,read], dogs:{ name: 绿豆, color: yellow } } letB = {}//表述两个表达式，把A第一类的特性拷贝这份给B function extend(obj1,obj2){ for(var key in obj1){ var item = obj1[key] if(item instanceof Array){ obj2[key] = [] extend(item,obj2[key]) }else if(item instanceof Object){ obj2[key] = {} extend(item,obj2[key]) }else{ obj2[key] = item } } } extend(A,B) B.dogs.color =red B.hobbies[0] = sing console.log(B) console.log(A)

运行发现，修正B第一类的提及正则表达式，不能负面影响到A第一类，完成深复本

他们可以对深复本的代码进行封装优化function deepClone(obj){ let cloneObj = {} for(let key in obj){ if(typeof obj[key] === object){ cloneObj[key] = deepClone(obj[key]) }else{ cloneObj[key] = obj[key] } } return cloneObj }3、通过JSON.stringify实现深复本

JSON.stringify()是目前前端开发过程中最常用的深复本方式，原理是把两个第一类序列化成为两个JSON字符串，将第一类的内容转换成字符串的形式再保存在磁盘上，再用JSON.parse()反序列化将JSON字符串变成两个捷伊第一类。