深拷貝和淺拷貝

一，資料型別

1.基本資料型別：number，string，boolean，undefined，null

2.引用資料型別：object（function，array，date，regexp）

基本資料型別和引用資料型別的區別

1，儲存的位置不同

基本資料型別主要儲存到棧中

引用資料型別主要儲存在堆當中

引用資料型別在記憶體中的儲存情況：1，在堆裡開闢乙個儲存空間，把資料儲存到儲存空間裡面，2把儲存空間的位址賦值給棧裡面的變數。

2，基本資料型別使用typeof返回基本資料型別，但是null型別會返回object，因此null值表示乙個空物件指標，引用資料型別使用typeof會返回object

var a=0;
var b=
'1';
var c=[1
,2,3
] console.
log(
typeof
(a))
//number
console.
log(
typeof
(b))
//string
console.
log(
typeof
(c))
//object
console.
log(
typeof
(null))
//object

此時需要instanceof（判斷乙個例項物件是否屬於父類）來檢測引用資料型別。但是這裡會出現乙個問題，就是例項陣列會是陣列型別也是object型別

console.
log(c instanceof
array
)//true
console.
log(c instanceof
object
)//true

instanceof 不能檢測基本資料型別

解決方案：constructor

console.
log(c.constructor==array)
//true
console.
log(c.constructor==object)
//false

tostring方法任何d細都有這麼乙個方法，可以用來檢測資料型別

console.
log(object.prototype.tostring.
call
(c))
//[object array]

為什麼基本資料型別存在棧當中，引用資料型別存在堆當中？

（1）堆比棧大，棧比堆速度快

（2）基本資料型別比較穩定，相對來說占用記憶體小

（3）引用資料型別大小是動態的，而且是無限的，引用值的大小會改變，不能把它放到棧當中，否則會降低變數查詢的速度，因此放在變數棧空間的值是該物件儲存在堆中的位址，位址的大小是固定的，所以把他儲存在佔中對變數效能無任何負面影響

（4）堆記憶體是無序儲存，可以根據引用直接獲取

深拷貝和淺拷貝的區別

深拷貝和淺拷貝都只針對於引用資料型別，錢拷貝只負責指向某個物件的指標，而不是賦複製物件本身，新就物件還是共享同一塊記憶體，但是深拷貝會另外創造乙個一模一樣的物件，新物件和源物件不共享記憶體，修改新物件不會改到原物件；

淺拷貝只是複製物件的第一層屬性，深拷貝可以對物件的屬性進行遞迴複製

先來兩個變數，拷貝並列印一下

var a=[1
,[111,
2222],
2]; 
b=aconsole.
log(a,b)

然後我們發現已經拷貝好了

改變一下a裡面的元素

var a=[1
,[111,
2222],
2]; 
b=aa[0]
=222
console.
log(a,b)

發現兩個變數裡面的陣列都改變了，因為位址指的是同乙個陣列，這就是淺拷貝

深拷貝的方法

1，json.parse(json.stringify(a))

var a=[1
,[111,
2222],
2]; b=
json
.parse
(json
.stringify
(a))
a[0]
=222
console.
log(a,b)

於是我們驚奇的發現，兩個變數指向的陣列不一樣的，改變a中元素不會改變b中元素

2，遞迴實現深拷貝

function
deepcopy
(obj1);if
(obj1 &&
typeof obj1 ===
"object"
)else}}
}return obj2;
}var obj1 =
}var obj2 =
deepcopy
(obj1)
; obj2.a =3;
obj2.c.d =4;
alert
(obj1.a)
;// 1
alert
(obj2.a)
;// 3
alert
(obj1.c.d)
;// 3
alert
(obj2.c.d)
;// 4

var a=[1
,[111,
2222],
2]; b1=a.
slice(0
) a[0]
=222
console.
log(a,b1)

發現好像可以？？？

讓我們來改變一下二級陣列裡面的資料

var a=[1
,[111,
2222],
2]; b1=a.
slice(0
) a[1]
[0]=
222 console.
log(a,b1)

發現居然是假的，二級陣列裡面的東西改變了，他依舊會跟著改變，還是淺拷貝

2，我們再來試一下concat

var a=[1
,[111,
2222],
2]; b2=a.
concat([
]) a[0]
=11111
console.
log(a,b2)

哇，發現好像也可以

改變一下二級陣列

var a=[1
,[111,
2222],
2]; b2=a.
concat([
]) a[1]
[0]=
'www'
console.
log(a,b2)

發現裡面的東西還是改變了，又是淺拷貝

深拷貝和淺拷貝

深拷貝和淺拷貝

淺拷貝和深拷貝

深拷貝和淺拷貝

相關推薦