快捷導(dǎo)航

原生js實(shí)現(xiàn)復(fù)制對象、擴(kuò)展對象類似jquery中的extend()方法

更新時(shí)間：2014年08月30日 16:11:44 作者：PHPVAR

jq的extend()方法能很方便的實(shí)現(xiàn)擴(kuò)展對象方法，這里要實(shí)現(xiàn)的是：原生js實(shí)現(xiàn)復(fù)制對象，擴(kuò)展對象，類似jq中的extend()方法,需要的朋友可以參考下

jq的extend()方法能很方便的實(shí)現(xiàn)擴(kuò)展對象方法，語法如下：$.extend(obj1,boj2,obj3);

現(xiàn)在要實(shí)現(xiàn)的是：原生js實(shí)現(xiàn)復(fù)制對象，擴(kuò)展對象，類似jq中的extend()方法，具體實(shí)例如下：
現(xiàn)有3個(gè)對象字面量：

var o1={hello:1,old:555},
o2 = {
abc: 55555555,
hello: 2,
fun: function() {
alert(111);
}
},
o3={third:9999};

實(shí)現(xiàn)目標(biāo)：

復(fù)制o1對象，把 o2,o3的對象屬性和方法都擴(kuò)展進(jìn)前面復(fù)制得到的對象中并輸出。

<script>
var o1={hello:1,old:555},
o2 = {
abc: 55555555,
hello: 2,
fun: function() {
alert(111);
}
},
o3={third:9999};
function cloneObj(oldObj) { //復(fù)制對象方法
if (typeof(oldObj) != 'object') return oldObj;
if (oldObj == null) return oldObj;
var newObj = new Object();
for (var i in oldObj)
newObj[i] = cloneObj(oldObj[i]);
return newObj;
};
function extendObj() { //擴(kuò)展對象
var args = arguments;
if (args.length < 2) return;
var temp = cloneObj(args[0]); //調(diào)用復(fù)制對象方法
for (var n = 1; n < args.length; n++) {
for (var i in args[n]) {
temp[i] = args[n][i];
}
}
return temp;
}
var t=extendObj(o1,o2,o3);
console.log(t);
console.log(o1);
console.log(o2);
console.log(o3);
</script>

您可能感興趣的文章:

相關(guān)文章

基于canvas粒子系統(tǒng)的構(gòu)建詳解
下面小編就為大家?guī)硪黄赾anvas粒子系統(tǒng)的構(gòu)建詳解。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-08-08
Bootstrap學(xué)習(xí)筆記之css樣式設(shè)計(jì)(1)
這篇文章主要為大家詳細(xì)介紹了bootstrap學(xué)習(xí)筆記之css樣式設(shè)計(jì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-06-06
微信小程序?qū)崿F(xiàn)底部彈出模態(tài)框
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)底部彈出模態(tài)框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-11-11
這篇文章主要介紹了微信小程序開發(fā)返回上一級頁面并刷新操作,結(jié)合實(shí)例形式詳細(xì)分析了微信小程序返回上一級頁面并刷新操作方法技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下
2020-06-06

詳細(xì)解析let和const命令

這篇文章主要介紹了詳細(xì)解析let和const命令，let和const是es6中新增的命令，一般let用來聲明變量而const則用來聲明常量，更多相關(guān)內(nèi)容感興趣的小伙伴可以參考一下

2022-06-06

一文看懂如何簡單實(shí)現(xiàn)節(jié)流函數(shù)和防抖函數(shù)

這篇文章主要給大家介紹了如何通過一文看懂簡單實(shí)現(xiàn)節(jié)流函數(shù)和防抖函數(shù)的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧

2019-09-09

KnockoutJS 3.X API 第四章之表單value綁定

Knockout是一個(gè)以數(shù)據(jù)模型（data model）為基礎(chǔ)的能夠幫助你創(chuàng)建富文本，響應(yīng)顯示和編輯用戶界面的JavaScript類庫。這篇文章主要介紹了KnockoutJS 3.X API 第四章之表單value綁定的相關(guān)資料,需要的朋友可以參考下

2016-10-10