溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
本篇內(nèi)容主要講解“jQuery的拷貝對象舉例分析”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“jQuery的拷貝對象舉例分析”吧!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="jquery.min.js"></script>
<script>
$(function() {
//1， 普通拷貝，默認(rèn)為淺拷貝
var targetObj = {};
var obj = {
id: 1,
name: "andy"
};
$.extend(targetObj, obj); //拷貝語法，把obj內(nèi)的屬性和屬性值拷貝給targetObj一個空對象
console.log(targetObj); //輸出結(jié)果是 obj對象里面的內(nèi)容
//2. 拷貝對象里面有屬性和屬性值情況下
var targett = {
id: 0,
gshg: 55
};
var objrr = {
id: 1,
name: "andy"
};
$.extend(targett, objrr);
console.log(targett); // 如果拷貝對象targett里面屬性和被拷貝對象objrr里面屬性有相同的，則objrr里面屬性值會覆蓋掉targett里面屬性值
//如果拷貝對象targett里面有屬性與被拷貝對象objrr里面屬性名不相同的不會被覆蓋，被拷貝對象objrr里面屬性只會后來居上
//3. 拷貝對象里面有對象情況下，淺拷貝
var taytuj = {
id: 0,
msg: {
sex: '男'
}
};
var rete = {
id: 1,
name: "andy",
msg: {
age: 18
}
};
$.extend(true, taytuj, rete);
console.log(taytuj);
// 執(zhí)行過程：
//1.兩個對象都在內(nèi)存棧中，其中rete對象里面的 msg: { age: 18 }對象放在了內(nèi)存堆中，在淺拷貝中，rete對象里面的 msg: { age: 18 }會覆蓋掉taytu對象的msg: {sex: '男' }，屬性值會變成一個16進(jìn)制指向內(nèi)存堆中的msg: { age: 18 }對象,此時?？臻g中兩個對象的 msg里面都有同一個執(zhí)向內(nèi)存堆中msg: { age: 18 }的16進(jìn)制地址，所以如果淺拷貝完成后，兩個對象里面msg屬性值只要一個發(fā)生了改變，另外一個msg的屬性值也會隨著一起改變
//淺拷貝：
//1.屬性名相同的，被拷貝對象會覆蓋掉拷貝對象，排序永遠(yuǎn)是后來居上
//2. 屬性名不相同的則合并
//深拷貝：
//1.屬性名相同的，被拷貝對象的屬性和屬性值會覆蓋掉拷貝對象的屬性和屬性值，排序永遠(yuǎn)是后來居上
//2. 屬性名不相同的則合并
//3.拷貝對象和拷貝對象里面有對象的，如果對象名相同，屬性名不同，則會合并，并不是覆蓋。
})
</script>
</head>
<body>
</body>
</html>到此，相信大家對“jQuery的拷貝對象舉例分析”有了更深的了解，不妨來實際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼