JavaScript中淺拷貝和深拷貝的區別


JavaScript數據類型

基礎數據類型:保存在棧內存中的簡單數據段 ,有undefined,boolean,number,string,null
引用數據類型:Array,object,Function保存在堆內存空間中

var a1 = 0; var a2 = 'this is str'; var a3 = null 存放在棧內存中

var c =[1,2,3] 與 var d = {m:20} 變量名與內存地址存儲在棧內存中,[1,2,3]與{m:20} 作為對象存儲在堆內存中

基礎數據類型的復制(如var a = 20 var b = a)

引用數據類型的復制 ( var m ={a:10, b:20} var n = m)

解釋:
m與n指向同一個內存空間,當m或者n改變時,另一個也跟着改變
如m.a = 80 ; console.log(n.a) // 80

總結:

淺拷貝(shallow copy):只復制指向某個對象的指針,而不復制對象本身,新舊對象共享一塊內存;

深拷貝(deep copy):復制並創建一個一摸一樣的對象,不共享內存,修改新對象,舊對象保持不變;實現深拷貝主要有2種方法

(1)遞歸

(2)JSON.stringify結合JSON.parse


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM