js中深拷貝和淺拷貝的區(qū)別有哪些

這篇文章主要介紹js中深拷貝和淺拷貝的區(qū)別有哪些，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

javascript是一種什么語言

javascript是一種動(dòng)態(tài)類型、弱類型的語言，基于對(duì)象和事件驅(qū)動(dòng)并具有相對(duì)安全性并廣泛用于客戶端網(wǎng)頁開發(fā)的腳本語言，同時(shí)也是一種廣泛用于客戶端Web開發(fā)的腳本語言。它主要用來給HTML網(wǎng)頁添加動(dòng)態(tài)功能，現(xiàn)在JavaScript也可被用于網(wǎng)絡(luò)服務(wù)器，如Node.js。

在JavaScript中，變量的類型有基本類型和引用類型兩種類型。我們對(duì)基本類型的復(fù)制操作是對(duì)值進(jìn)行拷貝，對(duì)引用類型的復(fù)制則是拷貝地址。這中間都是通過深拷貝與淺拷貝實(shí)現(xiàn)的。

深拷貝：

1、將數(shù)據(jù)中所有的數(shù)據(jù)賦值過去，無限層級(jí)拷貝,，每一級(jí)別的數(shù)據(jù)都會(huì)拷貝出來；

2、所有元素或?qū)傩跃耆珡?fù)制，與原對(duì)象完全脫離；

3、在堆中重新分配內(nèi)存, 將源對(duì)象的各個(gè)屬性復(fù)制進(jìn)去.；

4、拷貝后，修改拷貝后的對(duì)象，不影響之前的對(duì)象。

function test(obj){
    let _obj = JSON.stringify(obj),
    objClone = JSON.parse(_obj);
    return objClone
}
var tal = {name:'lili'};
Cal=test(tal);
Cal.name = 'kiki';
console.log(tal,Cal);  //{name: "lili"} {name: "kiki"}

淺拷貝：

1、將原有的數(shù)據(jù)賦值過去，只進(jìn)行一層拷貝，深層次的對(duì)象級(jí)別的就拷貝引用；

2、原始類型為值傳遞，對(duì)象類型仍為引用傳遞。；

3、是拷貝引用, 拷貝后的引用都是指向同一個(gè)存放數(shù)據(jù)位置的指針,；

4、拷貝后，修改拷貝后的對(duì)象，會(huì)影響拷貝前的對(duì)象。

var a = [1,2,3,4,5];
var b = a;
a[0] = 6;
console.log(a,b);
//代碼運(yùn)行結(jié)果：a:[6,2,3,4,5]  b:[6,2,3,4,5]

以上是“js中深拷貝和淺拷貝的區(qū)別有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！