? 一、了解

基本數(shù)據(jù)類(lèi)型保存在棧內(nèi)存中，按值訪問(wèn)，引用數(shù)據(jù)類(lèi)型保存在堆內(nèi)存中，按址訪問(wèn)。

? 二、淺拷貝

淺拷貝只是復(fù)制了指向某個(gè)對(duì)象的指針，而不是復(fù)制對(duì)象本身，新舊對(duì)象其實(shí)是同一內(nèi)存地址的數(shù)據(jù)，修改其中一個(gè)值，另一個(gè)也會(huì)動(dòng)態(tài)改變。

? 三、深拷貝

深拷貝是真正意義上實(shí)現(xiàn)了數(shù)組和對(duì)象的拷貝，它創(chuàng)建了另外一個(gè)一模一樣的對(duì)象，和原對(duì)象不是一個(gè)內(nèi)存地址，修改一個(gè)值不會(huì)影響另一個(gè)的值。

? 四、封裝實(shí)現(xiàn)深淺拷貝的函數(shù)

//封裝函數(shù) 實(shí)現(xiàn)深淺拷貝 deep為true深拷貝 false淺拷貝function copy(oldObj,deep){let newObj = {};if (oldObj instanceof Array){newObj = [];}for (let key in oldObj){let value = oldObj[key];if (!!deep && typeof value === "object" && value !== null){ //如果原對(duì)象的某個(gè)屬性是引用類(lèi)型數(shù)據(jù)，遞歸調(diào)用copynewObj[key] = copy(value,deep);} else{ //如果原對(duì)象的某個(gè)屬性是基本類(lèi)型數(shù)據(jù)，直接將此屬性賦值給新對(duì)象的相應(yīng)屬性newObj[key] = value;}}return newObj;}

效果如下：

let obj1 = {a:1,b:{c:2}}; let obj2 = copy(obj1,true); //深拷貝 let obj3 = copy(obj1,false); //淺拷貝 obj1.b.c = 3; console.log(obj2); //{a:1,b:{c:2}} console.log(obj3); //{a:1,b:{c:3}}

本文僅僅簡(jiǎn)述了js深淺拷貝，以及實(shí)現(xiàn)深淺拷貝的簡(jiǎn)單代碼，如有不當(dāng)之處，請(qǐng)各位指正！謝謝！

2018-11-14

?

.notice:hover { color: orange; text-indent: 2em } h3 span:hover { color: purple }
更多專(zhuān)業(yè)前端知識(shí)，請(qǐng)上 【猿2048】www.mk2048.com

總結(jié)

以上是生活随笔為你收集整理的JS中深浅拷贝 函数封装代码的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。