? 一、了解

基本數據類型保存在棧內存中，按值訪問，引用數據類型保存在堆內存中，按址訪問。

? 二、淺拷貝

淺拷貝只是復制了指向某個對象的指針，而不是復制對象本身，新舊對象其實是同一內存地址的數據，修改其中一個值，另一個也會動態改變。

? 三、深拷貝

深拷貝是真正意義上實現了數組和對象的拷貝，它創建了另外一個一模一樣的對象，和原對象不是一個內存地址，修改一個值不會影響另一個的值。

? 四、封裝實現深淺拷貝的函數

//封裝函數 實現深淺拷貝 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){ //如果原對象的某個屬性是引用類型數據，遞歸調用copynewObj[key] = copy(value,deep);} else{ //如果原對象的某個屬性是基本類型數據，直接將此屬性賦值給新對象的相應屬性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}}

本文僅僅簡述了js深淺拷貝，以及實現深淺拷貝的簡單代碼，如有不當之處，請各位指正！謝謝！

2018-11-14

?

.notice:hover { color: orange; text-indent: 2em } h3 span:hover { color: purple }
更多專業前端知識，請上 【猿2048】www.mk2048.com

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。