javaScript淺拷貝、深拷貝

fobnn 發(fā)布于2019-08-23 15:17 / 3239人閱讀

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

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

2.引用數(shù)據(jù)類型：對象
對象引用存放在棧中，對象值存放在堆中，所以復(fù)制引用類型復(fù)制的是應(yīng)用地址，而不是引用類型的值

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

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

concat

slice

assign

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

2.借用JSON對象的parse和stringify

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

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

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

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

jQuery.extend()只復(fù)制可枚舉的屬性，不繼承原型鏈，函數(shù)復(fù)制引用，內(nèi)部循環(huán)引用不處理。而lodash實現(xiàn)的就更為優(yōu)秀，它實現(xiàn)了結(jié)構(gòu)化克隆算法。

GPU云服務(wù)器云服務(wù)器深拷貝和淺拷貝 javascript淺拷貝 javascript深拷貝淺拷貝

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/101818.html

相關(guān)文章

JavaScript中的淺拷貝與深拷貝

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

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

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

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

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

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

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

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

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

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

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

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