javaScript淺拷貝、深拷貝

fobnn 發布于2019-08-23 15:17 / 3202人閱讀

摘要：深拷貝深度拷貝就是把父對象拷貝到子對象上，而且兩者的內存和以后的操作都互不影響的拷貝遞歸借用對象的和的方法。表示是否深拷貝，為為深拷貝，為，則為淺拷貝類型目標對象，其他對象的成員屬性將被附加到該對象上。

數據類型
js的數據類型有兩種：
1.基本數據類型：數值、字符串、布爾、null、undefined （值類型）
存放在棧中，所以復制基本數據類型的值是會新開一個棧內存

2.引用數據類型：對象
對象引用存放在棧中，對象值存放在堆中，所以復制引用類型復制的是應用地址，而不是引用類型的值

淺拷貝
如果我們要復制對象的所有屬性都不是引用類型時，就可以使用淺拷貝，實現方式就是遍歷并復制，最后返回新的對象。
function simpleClone(initalObj) {

      var obj = {};    
      for ( var i in initalObj) {
        obj[i] = initalObj[i];
      }    
      return obj;
    }

concat

slice

assign

深拷貝
深度拷貝就是把父對象拷貝到子對象上，而且兩者的內存和以后的操作都互不影響的拷貝！
1.遞歸

2.借用JSON對象的parse和stringify

3.JQ的extend方法。
$.extend( [deep ], target, object1 ,[ objectN ] )

deep表示是否深拷貝，為true為深拷貝，為false，則為淺拷貝

target Object類型目標對象，其他對象的成員屬性將被附加到該對象上。

object1 objectN可選。 Object類型第一個以及第N個被合并的對象

jQuery.extend()只復制可枚舉的屬性，不繼承原型鏈，函數復制引用，內部循環引用不處理。而lodash實現的就更為優秀，它實現了結構化克隆算法。

GPU云服務器云服務器深拷貝和淺拷貝 javascript淺拷貝 javascript深拷貝淺拷貝

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/101818.html

JavaScript中的淺拷貝與深拷貝

摘要：所以，深拷貝是對對象以及對象的所有子對象進行拷貝實現方式就是遞歸調用淺拷貝對于深拷貝的對象，改變源對象不會對得到的對象有影響。上一篇 JavaScript中的繼承前言文章開始之前，讓我們先思考一下這幾個問題：為什么會有淺拷貝與深拷貝什么是淺拷貝與深拷貝如何實現淺拷貝與深拷貝好了，問題出來了，那么下面就讓我們帶著這幾個問題去探究一下吧！如果文章中有出現紕漏、錯誤之處...

AZmake 2019-08-23 17:08 評論0 收藏0
JavaScript中的淺拷貝與深拷貝

摘要：所以，深拷貝是對對象以及對象的所有子對象進行拷貝實現方式就是遞歸調用淺拷貝對于深拷貝的對象，改變源對象不會對得到的對象有影響。為什么會有淺拷貝與深拷貝什么是淺拷貝與深拷貝如何實現淺拷貝與深拷貝好了，問題出來了，那么下面就讓我們帶著這幾個問題去探究一下吧！如果文章中有出現紕漏、錯誤之處，還請看到的小伙伴多多指教，先行謝過以下↓ 數據類型在開始了解淺拷貝與深拷貝之前，讓我們先...

546669204 2019-08-26 18:27 評論0 收藏0
JavaScript中的淺拷貝和深拷貝

摘要：在中可以通過添加一個參數來實現遞歸，調用就可以實現一個深拷貝。利用序列化實現一個深拷貝在JavaScript中，對于Object和Array這類引用類型值，當從一個變量向另一個變量復制引用類型值時，這個值的副本其實是一個指針，兩個變量指向同一個堆對象，改變其中一個變量，另一個也會受到影響。這種拷貝分為兩種情況：拷貝引用和拷貝實例，也就是我們說的淺拷貝和深拷貝淺拷貝（shallow...

ernest.wang 2019-08-21 11:34 評論0 收藏0
javascript對象的淺拷貝、深拷貝和Object.assign方法淺析

摘要：對象的淺拷貝淺拷貝是對象共用一個內存地址，對象的變化相互影響。這是特別值得注意的地方。和能正確處理的對象只有等能夠被表示的數據結構，因此函數這種不能被表示的類型將不能被正確處理。對象的淺拷貝：淺拷貝是對象共用一個內存地址，對象的變化相互影響。比如常見的賦值引用就是淺拷貝: let srcObj = {name: lilei, age: 20}; let copyObj = srcO...

lixiang 2019-08-22 15:55 評論0 收藏0
關于js的淺拷貝與深拷貝

摘要：原文地址淺拷貝和深拷貝只針對像這樣的復雜對象的簡單來說，淺拷貝只拷貝一層對象的屬性，而深拷貝則遞歸拷貝了所有層級。淺拷貝通過來實現淺拷貝。原文地址：http://www.silenceboy.com/201... 淺拷貝和深拷貝只針對像Object, Array這樣的復雜對象的.簡單來說，淺拷貝只拷貝一層對象的屬性，而深拷貝則遞歸拷貝了所有層級。淺拷貝通過 Object.ass...

summerpxy 2019-08-26 13:41 評論0 收藏0
JavaScript系列--淺析JavaScript解析賦值、淺拷貝和深拷貝的區別

摘要：它將返回目標對象。有些文章說是深拷貝，其實這是不正確的。深拷貝相比于淺拷貝速度較慢并且花銷較大?？截惽昂髢蓚€對象互不影響。使用深拷貝的場景完全改變變量之后對沒有任何影響，這就是深拷貝的魔力。一、賦值（Copy）賦值是將某一數值或對象賦給某個變量的過程，分為： 1、基本數據類型：賦值，賦值之后兩個變量互不影響 2、引用數據類型：賦址，兩個變量具有相同的引用，指向同一個對象，相互之間有...

laznrbfe 2019-08-26 13:48 評論0 收藏0