javascript深拷貝是初學者甚至有經驗的開發著，都會經常遇到問題，并不能很好的理解javascript的深拷貝。

深拷貝(deepClone)？

與深拷貝相對的就是淺拷貝，很多初學者在接觸這個感念的時候，是很懵逼的。

為啥要用深拷貝？

在很多情況下，我們都需要給變量賦值，給內存地址賦予一個值，但是在賦值引用值類型的時候，只是共享一個內存區域，導致賦值的時候，還跟之前的值保持一直性。

看一個具體的例子

// 給test賦值了一個對象var test = {  a: 'a',  b: 'b'};// 將test賦值給test2// 此時test和test2是共享了同一塊內存對象，這也就是淺拷貝var test2 = test;test2.a = 'a2';test.a === 'a2'// 為true

圖解：

這下就很好理解為什么引用值類型數據相互影響問題。

實現

實現一個深拷貝函數，就不得不說javascript的數值類型。

判斷javascript類型

javascript中有以下基本類型

類型 描述
undefined undefined類型只有一個值undefined，它是變量未被賦值時的值
null null類型也只有一個值null, 它是一個空的對象引用
Boolean Boolean有兩種取值true和false
String 它表示文本信息
Number 它表示數字信息
Object 它是一系列屬性的無序集合， 包括函數Function和數組Array
使用typeof是無法判斷function和array的，這里使用Object.prototype.toString方法。
[默認情況下，每個對象都會從Object上繼承到toString()方法，如果這個方法沒有被這個對象自身或者更接近的上層原型上的同名方法覆蓋(遮蔽)，則調用該對象的toString()方法時會返回"[object type]"，這里的字符串type表示了一個對象類型][1]

function type(obj) {  var toString = Object.prototype.toString;  var map = {    '[object Boolean]' : 'boolean',     '[object Number]'  : 'number',     '[object String]'  : 'string',     '[object Function]' : 'function',     '[object Array]'  : 'array',     '[object Date]'   : 'date',     '[object RegExp]'  : 'regExp',     '[object Undefined]': 'undefined',    '[object Null]'   : 'null',     '[object Object]'  : 'object'  };  return map[toString.call(obj)];}

實現deepClone

對于非引用值類型的數值，直接賦值，而對于引用值類型（object）還需要再次遍歷，遞歸賦值。

function deepClone(data) {  var t = type(data), o, i, ni;    if(t === 'array') {    o = [];  }else if( t === 'object') {    o = {};  }else {    return data;  }    if(t === 'array') {    for (i = 0, ni = data.length; i < ni; i++) {      o.push(deepClone(data[i]));    }    return o;  }else if( t === 'object') {    for( i in data) {      o[i] = deepClone(data[i]);    }    return o;  }}

這里有個點大家要注意下，對于function類型，博主這里是直接賦值的，還是共享一個內存值。這是因為函數更多的是完成某些功能，有個輸入值和返回值，而且對于上層業務而言更多的是完成業務功能，并不需要真正將函數深拷貝。

但是function類型要怎么拷貝呢？

其實博主只想到了用new來操作一下，但是function就會執行一遍，不敢想象會有什么執行結果哦！o(亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb