隨著NFC讀寫器在BS架構下的需求越來越多,使用JS語言在web瀏覽器下操作NFC讀寫器就變得尤其重要.但是web瀏覽器不允許其顯示內容直接操作硬體,所以我們必須使用IC卡讀卡器web插件來實現這個功能.作為web前端工程師,我們首先要瞭解在web中實現操作NFC讀寫器的步驟:1、下載友我科技IC卡 ...
首先來理解一下深拷貝與淺拷貝的概念
我們談到深拷貝與淺拷貝都是針對於對象或者數組這種複雜數據類型，也就是引用數據類型
淺拷貝：只是對記憶體地址的拷貝，跟拷貝前指向的是同一塊記憶體；
深拷貝：既拷貝了記憶體地址，又拷貝了數據內容，是在堆記憶體中重新開闢了一塊存儲空間.
記憶體分為棧記憶體跟堆記憶體，對於基本數據類型會被直接存儲到棧記憶體中，常用的比如：undefined、null、number、boolean、string，而對於數組，對象這種引用數據類型，他們的真實數據內容會被存在堆記憶體中，在棧記憶體中只會存儲他們在堆記憶體中的地址
OK，話不多說，直接上代碼：
/**
* 深拷貝
* @param {*} source
* @returns
*/
function deepClone(source) {
//初始化對象, 數組的構造方法指向 Array, 對象的構造方法指向 Object
const targetObj = source.constructor === Array ? [] : {};
//迴圈遍歷
for (const key in source) {
//判斷source本身是否有該屬性
if (Object.hasOwnProperty.call(source, key)) {
//假如該屬性值是object類型，那麼需要遞歸一層
if (source[key] && typeof source[key] === "object") {
targetObj[key] = deepClone(source[key]);
} else {
//基本數據類型直接賦值
targetObj[key] = source[key];
}
}
}
return targetObj;
}
