欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間：2014年08月30日 16:11:44   作者：PHPVAR  
jq的extend()方法能很方便的實(shí)現(xiàn)擴(kuò)展對(duì)象方法，這里要實(shí)現(xiàn)的是：原生js實(shí)現(xiàn)復(fù)制對(duì)象，擴(kuò)展對(duì)象，類似jq中的extend()方法,需要的朋友可以參考下

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

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

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對(duì)象，把 o2,o3的對(duì)象屬性和方法都擴(kuò)展進(jìn)前面復(fù)制得到的對(duì)象中并輸出。

<script>
var o1={hello:1,old:555},
o2 = {
abc: 55555555,
hello: 2,
fun: function() {
alert(111);
}
},
o3={third:9999};
function cloneObj(oldObj) { //復(fù)制對(duì)象方法
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ò)展對(duì)象
var args = arguments;
if (args.length < 2) return;
var temp = cloneObj(args[0]); //調(diào)用復(fù)制對(duì)象方法
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)文章

  • JavaScript實(shí)現(xiàn)簡(jiǎn)單拖拽效果

    JavaScript實(shí)現(xiàn)簡(jiǎn)單拖拽效果

    這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單拖拽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2021-09-09
  • bootstrap側(cè)邊欄圓點(diǎn)導(dǎo)航

    bootstrap側(cè)邊欄圓點(diǎn)導(dǎo)航

    這篇文章主要為大家詳細(xì)介紹了bootstrap側(cè)邊欄圓點(diǎn)導(dǎo)航效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2017-01-01
  • High Performance JavaScript(高性能JavaScript)讀書筆記分析

    High Performance JavaScript(高性能JavaScript)讀書筆記分析

    High Performance JavaScript(高性能JavaScript)讀書筆記，讓你的js代碼更有效率。
    2011-05-05
  • JS連連看源碼完美注釋版(推薦)

    JS連連看源碼完美注釋版(推薦)

    連連看最難的部分應(yīng)該是路徑搜索，即鼠標(biāo)點(diǎn)的兩點(diǎn)之間看有無(wú)可通的路徑。 看過(guò)有人寫的遞歸寫法，心里癢癢，就捉摸了一下，發(fā)現(xiàn)不用遞歸的情況下難度也不大
    2013-12-12
  • JS實(shí)現(xiàn)控制表格單元格垂直對(duì)齊的方法

    JS實(shí)現(xiàn)控制表格單元格垂直對(duì)齊的方法

    這篇文章主要介紹了JS實(shí)現(xiàn)控制表格單元格垂直對(duì)齊的方法,涉及javascript操作表單元素樣式的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-03-03
  • 使用 JavaScript 進(jìn)行函數(shù)式編程 (一) 翻譯

    使用 JavaScript 進(jìn)行函數(shù)式編程 (一) 翻譯

    本文是函數(shù)式編程系列的第一篇文章。這里我會(huì)簡(jiǎn)要介紹一下編程范式，然后會(huì)直接介紹使用 Javascript 進(jìn)行函數(shù)式編程的概念，因?yàn)?JavsScript 是最被認(rèn)可的函數(shù)式程序語(yǔ)言之一。我們鼓勵(lì)讀者通過(guò)參考資料部分進(jìn)一步了解這一迷人的概念
    2015-10-10
  • 淺談javascript的分號(hào)的使用

    淺談javascript的分號(hào)的使用

    不加分號(hào)其實(shí)體現(xiàn)的是對(duì)javascript的深入理解。最后一個(gè)分號(hào)是因?yàn)闊o(wú)法判斷后引入的js文件內(nèi)容會(huì)不會(huì)對(duì)本文檔產(chǎn)生影響；return多數(shù)是要加分號(hào)的,
    2015-05-05
  • js使用Array.prototype.sort()對(duì)數(shù)組對(duì)象排序的方法

    js使用Array.prototype.sort()對(duì)數(shù)組對(duì)象排序的方法

    這篇文章主要介紹了js使用Array.prototype.sort()對(duì)數(shù)組對(duì)象排序的方法,實(shí)例分析了Array.prototype.sort()的原理與相關(guān)的使用技巧,需要的朋友可以參考下
    2015-01-01
  • 微信小程序?qū)崿F(xiàn)簡(jiǎn)易table表格

    微信小程序?qū)崿F(xiàn)簡(jiǎn)易table表格

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)簡(jiǎn)易table表格，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2019-02-02
  • JavaScript聲明變量名的語(yǔ)法規(guī)則

    JavaScript聲明變量名的語(yǔ)法規(guī)則

    這篇文章主要給大家簡(jiǎn)單介紹了JavaScript聲明變量名的語(yǔ)法規(guī)則，非常有助于大家學(xué)習(xí)javascript，有需要的小伙伴可以參考下。
    2015-07-07

最新評(píng)論