詳解jQuery的拷貝對象
更新時間:2021年11月22日 11:40:44 作者:知秋之
這篇文章主要為大家介紹了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, 普通拷貝,默認為淺拷貝 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進制指向內(nèi)存堆中的msg: { age: 18 }對象,此時??臻g中兩個對象的 msg里面都有同一個執(zhí)向內(nèi)存堆中msg: { age: 18 }的16進制地址,所以如果淺拷貝完成后,兩個對象里面msg屬性值只要一個發(fā)生了改變,另外一個msg的屬性值也會隨著一起改變 //淺拷貝: //1.屬性名相同的,被拷貝對象會覆蓋掉拷貝對象,排序永遠是后來居上 //2. 屬性名不相同的則合并 //深拷貝: //1.屬性名相同的,被拷貝對象的屬性和屬性值會覆蓋掉拷貝對象的屬性和屬性值,排序永遠是后來居上 //2. 屬性名不相同的則合并 //3.拷貝對象和拷貝對象里面有對象的,如果對象名相同,屬性名不同,則會合并,并不是覆蓋。 }) </script> </head> <body> </body> </html>
總結(jié)
本篇文章就到這里了,希望能夠給你帶來幫助,也希望您能夠多多關注腳本之家的更多內(nèi)容!
相關文章
jquery實現(xiàn)隱藏在左側(cè)的彈性彈出菜單效果
這篇文章主要介紹了jquery實現(xiàn)隱藏在左側(cè)的彈性彈出菜單效果,涉及jQuery動態(tài)操作頁面元素的顯示及隱藏技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09jQuery插件FusionCharts實現(xiàn)的Marimekko圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts實現(xiàn)的Marimekko圖效果,結(jié)合實例形式分析了jQuery使用FusionCharts插件結(jié)合xml數(shù)據(jù)繪制Marimekko圖的相關操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03JQUERY實現(xiàn)左側(cè)TIPS滑進滑出效果示例
左側(cè)提示滑進滑出的平滑效果使用jQuery實現(xiàn),具體代碼及截圖如下,感興趣的朋友可以參考下哈,希望對大家學習jquery有所幫助2013-06-06