     var a = 5
     var b = a
     b += 5
     console.log('a=' + a,'b=' + b)
     var arr=[1,2,3]
     var brr=arr
     brr.push(10)
     console.log("arr為",arr)
     console.log("brr為",brr)

在這里插入圖片描述

現(xiàn)象：我們發(fā)現(xiàn)值類型并沒有互相受到影響，然而數(shù)組（引用類型）brr數(shù)組添加元素的時(shí)候改變了arr數(shù)組。

解釋分析：淺拷貝只會(huì)發(fā)生在引用類型身上，對(duì)于引用類型如果之進(jìn)行簡(jiǎn)單的賦值，只會(huì)賦值指向堆內(nèi)存的指針，這種稱為淺拷貝。而深拷貝就是完全拷貝一個(gè)引用類型，為不是地址指針。

淺拷貝看下面這張?jiān)韴D：

在這里插入圖片描述

常用深拷貝實(shí)現(xiàn)

那么我們?cè)谫x值引用類型的時(shí)候肯定不能出現(xiàn)淺拷貝的現(xiàn)象，對(duì)原數(shù)據(jù)產(chǎn)生影響了。那么就要進(jìn)行深拷貝

1.通過JSON.stringify和JSON.parse

可以深拷貝的數(shù)組和對(duì)象，但是不能拷貝函數(shù)，可以進(jìn)行對(duì)象或者數(shù)組的嵌套拷貝。

缺點(diǎn)：無法實(shí)現(xiàn)對(duì)對(duì)象中方法的深拷貝

使用：

     var brr=JSON.parse(JSON.stringify(arr))

例子：

  var arr = {
         name: '浪漫主義碼農(nóng)',
         age: 20,
         adress: ['jiangxi', 'changsha'],
         friends: {
             friend1: '張三',
             friend2: '李四'
         },
         function(){
             console.log("我是浪漫主義的對(duì)象")
         }
     }
     var brr=JSON.parse(JSON.stringify(arr))
     brr.name='法外狂徒張三'
     brr.adress[0]='長沙'
     console.log("arr為", arr)
     console.log("brr為", brr)

在這里插入圖片描述

2.擴(kuò)展運(yùn)算符

利用了對(duì)象的結(jié)構(gòu)賦值特性方法。

缺點(diǎn)：無對(duì)對(duì)象里面嵌套的對(duì)象進(jìn)行深拷貝，相當(dāng)于只是對(duì)一層引用對(duì)象進(jìn)行深拷貝

使用：

     var brr={...arr}

例子：

  var arr = {
         name: '浪漫主義碼農(nóng)',
         age: 20,
         adress: ['jiangxi', 'changsha'],
         friends: {
             friend1: '張三',
             friend2: '李四'
         },
         function(){
             console.log("我是浪漫主義的對(duì)象")
         }
     }
     var brr={...arr}
     brr.name='法外狂徒張三'
     brr.adress[0]='長沙'
     console.log("arr為", arr)
     console.log("brr為", brr)

在這里插入圖片描述

3.手寫遞歸深拷貝函數(shù)

完美解決

函數(shù)：

  //使用遞歸實(shí)現(xiàn)深拷貝
     function deepClone(obj) {
         //判斷拷貝的obj是對(duì)象還是數(shù)組
         var objClone = Array.isArray(obj) ? [] : {};
         if (obj && typeof obj === "object") { //obj不能為空，并且是對(duì)象或者是數(shù)組 因?yàn)閚ull也是object
             for (key in obj) {
                 if (obj.hasOwnProperty(key)) {
                     if (obj[key] && typeof obj[key] === "object") { //obj里面屬性值不為空并且還是對(duì)象，進(jìn)行深度拷貝
                         objClone[key] = deepClone(obj[key]); //遞歸進(jìn)行深度的拷貝
                     } else {
                         objClone[key] = obj[key]; //直接拷貝
                     }
                 }
             }
         }
         return objClone;
     }

例子：

      var arr = {
         name: '浪漫主義碼農(nóng)',
         age: 20,
         adress: ['jiangxi', 'changsha'],
         friends: {
             friend1: '張三',
             friend2: '李四'
         },
         fun: function(){
             console.log("我是" + this.name + "的對(duì)象")
         }
     }
     var brr = deepClone(arr)
     brr.name = '法外狂徒張三'
     brr.adress[0] = '長沙'
     console.log("arr為", arr)
     arr.fun()
     console.log("brr為", brr)
     brr.fun()
 
     //使用遞歸實(shí)現(xiàn)深拷貝
     function deepClone(obj) {
         //判斷拷貝的obj是對(duì)象還是數(shù)組
         var objClone = Array.isArray(obj) ? [] : {};
         if (obj && typeof obj === "object") { //obj不能為空，并且是對(duì)象或者是數(shù)組 因?yàn)閚ull也是object
             for (key in obj) {
                 if (obj.hasOwnProperty(key)) {
                     if (obj[key] && typeof obj[key] === "object") { //obj里面屬性值不為空并且還是對(duì)象，進(jìn)行深度拷貝
                         objClone[key] = deepClone(obj[key]); //遞歸進(jìn)行深度的拷貝
                     } else {
                         objClone[key] = obj[key]; //直接拷貝
                     }
                 }
             }
         }
         return objClone;
     }

在這里插入圖片描述