這里給大家分享我在網(wǎng)上總結(jié)出來(lái)的一些知識(shí)，希望對(duì)大家有所幫助
在JavaScript中，Object.assign() 是一個(gè)用于合并對(duì)象屬性的常見(jiàn)方法。然而，對(duì)于許多開(kāi)發(fā)者來(lái)說(shuō)，關(guān)于它是否執(zhí)行深拷貝的認(rèn)識(shí)可能存在一些混淆。先說(shuō)答案Object.assign() 不屬于深拷貝，我們接著往下看。
Object.assign() 概覽
首先，讓我們回顧一下 Object.assign() 的基本用法。該方法用于將一個(gè)或多個(gè)源對(duì)象的屬性復(fù)制到目標(biāo)對(duì)象，并返回目標(biāo)對(duì)象。這一過(guò)程是淺拷貝的，即對(duì)于嵌套對(duì)象或數(shù)組，只是拷貝了引用而非創(chuàng)建新的對(duì)象。
const obj = { a: 1, b: { c: 2 } };
const obj2 = { d: 3 };
const mergedObj = Object.assign({}, obj, obj2);
console.log(mergedObj);
// 輸出: { a: 1, b: { c: 2 }, d: 3 }
淺拷貝的陷阱
淺拷貝的特性意味著如果源對(duì)象中包含對(duì)象或數(shù)組，那么它們的引用將被復(fù)制到新的對(duì)象中。這可能導(dǎo)致問(wèn)題，尤其是在修改新對(duì)象時(shí)，原始對(duì)象也會(huì)受到影響。
const obj = { a: 1, b: { c: 2 } };
const clonedObj = Object.assign({}, obj);
clonedObj.b.c = 3;
console.log(obj); // { a: 1, b: { c: 3 } }
console.log(clonedObj); // { a: 1, b: { c: 3 } }
在這個(gè)例子中，修改 clonedObj 的屬性也會(huì)影響到原始對(duì)象 obj。
因此，如果我們需要?jiǎng)?chuàng)建一個(gè)全新且獨(dú)立于原始對(duì)象的拷貝，我們就需要進(jìn)行深拷貝。而 Object.assign() 并不提供深拷貝的功能。
深拷貝的需求
如果你需要進(jìn)行深拷貝而不僅僅是淺拷貝，就需要使用其他的方法，如使用遞歸或第三方庫(kù)來(lái)實(shí)現(xiàn)深度復(fù)制。以下是幾種常見(jiàn)的深拷貝方法：
1. 使用 JSON 序列化和反序列化
const obj = { a: 1, b: { c: 2 } };
const deepClonedObj = JSON.parse(JSON.stringify(obj));
deepClonedObj.b.c = 3;
console.log(obj); // { a: 1, b: { c: 2 } }
console.log(deepClonedObj); // { a: 1, b: { c: 3 } }
這種方法利用了 JSON 的序列化和反序列化過(guò)程，通過(guò)將對(duì)象轉(zhuǎn)換為字符串，然后再將字符串轉(zhuǎn)換回對(duì)象，實(shí)現(xiàn)了一個(gè)全新的深拷貝對(duì)象。
需要注意的是，這種方法有一些限制，例如無(wú)法處理包含循環(huán)引用的對(duì)象，以及一些特殊對(duì)象（如 RegExp 對(duì)象）可能在序列化和反序列化過(guò)程中失去信息。
2. 使用遞歸實(shí)現(xiàn)深拷貝
function deepClone(obj) {
if (obj === null || typeof obj !== 'object') {
return obj;
}
const clonedObj = Array.isArray(obj) ? [] : {};
for (let key in obj) {
if (obj.hasOwnProperty(key)) {
clonedObj[key] = deepClone(obj[key]);
}
}
return clonedObj;
}
const obj = { a: 1, b: { c: 2 } };
const deepClonedObj = deepClone(obj);
deepClonedObj.b.c = 3;
console.log(obj); // { a: 1, b: { c: 2 } }
console.log(deepClonedObj); // { a: 1, b: { c: 3 } }
這是一個(gè)遞歸實(shí)現(xiàn)深拷貝的方法。它會(huì)遞歸地遍歷對(duì)象的屬性，并創(chuàng)建它們的副本。這種方法相對(duì)靈活，可以處理各種情況。
但需要注意在處理大型對(duì)象或深度嵌套的對(duì)象時(shí)可能會(huì)導(dǎo)致棧溢出。
3. 使用第三方庫(kù)
許多第三方庫(kù)提供了強(qiáng)大而靈活的深拷貝功能，其中最常用的是 lodash 庫(kù)中的 _.cloneDeep 方法。
const _ = require('lodash');
const obj = { a: 1, b: { c: 2 } };
const deepClonedObj = _.cloneDeep(obj);
deepClonedObj.b.c = 3;
console.log(obj); // { a: 1, b: { c: 2 } }
console.log(deepClonedObj); // { a: 1, b: { c: 3 } }
使用第三方庫(kù)的優(yōu)勢(shì)在于它們通常經(jīng)過(guò)精心設(shè)計(jì)和測(cè)試，可以處理更多的邊界情況，并提供更好的性能。文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-801739.html
本文轉(zhuǎn)載于:
https://juejin.cn/post/7325040809697591296
如果對(duì)您有所幫助，歡迎您點(diǎn)個(gè)關(guān)注，我會(huì)定時(shí)更新技術(shù)文檔，大家一起討論學(xué)習(xí)，一起進(jìn)步。
?
文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-801739.html
到了這里，關(guān)于記錄--Object.assign 這算是深拷貝嗎的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
