Js-$.extend擴(kuò)展方法使方法參數(shù)更靈活
更新時(shí)間：2013年01月15日 16:06:35 作者：
在ＪＳ里，我們的方法參數(shù)通常使用JQ的$.extend擴(kuò)展方法來(lái)實(shí)現(xiàn),感興趣的朋友可以了解下
在做ＪＳ開(kāi)發(fā)時(shí)，我們將第三方復(fù)雜的插件進(jìn)行封裝，然后對(duì)外公開(kāi)一個(gè)很簡(jiǎn)單的方法接口，這是開(kāi)發(fā)時(shí)常用的方法，在ＪＳ里，我們的方法參數(shù)通常使用JQ的$.extend 擴(kuò)展方法來(lái)實(shí)現(xiàn)
function extend(arr) {
arr = $.extend({ name: 'zzl', sex: 'male', age: 31 }, arr || {});
alert("[Name:]" + arr.name + "[Sex:]" + arr.sex + "[Age:]" + arr.age);
}
在頁(yè)面調(diào)用時(shí)：
<a href="#" onclick="extend();return false;">extends</a>輸出內(nèi)容為：
<a href="#" onclick="extend({name:'占占'});return false;">extends</a>
上面代碼，我們改變了name屬性的性，結(jié)果輸出為：
復(fù)制代碼 代碼如下:
function extend(arr) {
arr = $.extend({ name: 'zzl', sex: 'male', age: 31 }, arr || {});
alert("[Name:]" + arr.name + "[Sex:]" + arr.sex + "[Age:]" + arr.age);
}
在頁(yè)面調(diào)用時(shí)：
復(fù)制代碼 代碼如下:
<a href="#" onclick="extend();return false;">extends</a>輸出內(nèi)容為：
即如果我們沒(méi)有為arr指定值，它會(huì)把默認(rèn)的值進(jìn)行輸出，如果我們?yōu)閍rr對(duì)象的某個(gè)屬性賦值，結(jié)果會(huì)怎樣？
復(fù)制代碼 代碼如下:
<a href="#" onclick="extend({name:'占占'});return false;">extends</a>
上面代碼，我們改變了name屬性的性，結(jié)果輸出為：
即，它只修改了指定屬性的值，對(duì)象的其它值保持為原來(lái)的默認(rèn)值。
ＪＳ中的||運(yùn)算符與Ｃ#中的||作用相同，都是“邏輯或”，而在本例中它的用法是，如果arr對(duì)象為空，然后將{}賦值給它，這個(gè)功能類似于Ｃ#里的
？？運(yùn)算符，所以ＪＳ里的｜｜挺強(qiáng)大，呵呵。
相關(guān)文章
JS監(jiān)控關(guān)閉瀏覽器操作的實(shí)例詳解
這篇文章主要介紹了JS監(jiān)控關(guān)閉瀏覽器操作的實(shí)例詳解的相關(guān)資料,希望通過(guò)本大家能幫助到大家，需要的朋友可以參考下2017-09-09
JavaScript選擇排序算法原理與實(shí)現(xiàn)方法示例
這篇文章主要介紹了JavaScript選擇排序算法原理與實(shí)現(xiàn)方法,簡(jiǎn)單分析了選擇排序算法的概念、原理并結(jié)合實(shí)例形式分析了JavaScript選擇排序算法的相關(guān)實(shí)現(xiàn)技巧與操作注意事項(xiàng),需要的朋友可以參考下2018-08-08
JS實(shí)現(xiàn)數(shù)組扁平化的方法總結(jié)
數(shù)組扁平化相信不少朋友在一些面試中被問(wèn)到過(guò),這在我們?nèi)粘＞幊讨幸彩且粋€(gè)常規(guī)操作,它需要我們將一個(gè)多維數(shù)組轉(zhuǎn)化成一個(gè)一維數(shù)組,所以,借著這篇文章,我們今天就一起來(lái)匯總一下幾種數(shù)組扁平化的方式,需要的朋友可以參考下2024-02-02
js獲取數(shù)組最后一位元素的五種方法及執(zhí)行效率對(duì)比
js獲取數(shù)組最后一位元素的五種方法代碼示例,使用console.time和console.timeEnd測(cè)量javascript腳本程序執(zhí)行效率對(duì)比2023-08-08
JavaScript檢測(cè)鼠標(biāo)移動(dòng)方向的方法
這篇文章主要介紹了JavaScript檢測(cè)鼠標(biāo)移動(dòng)方向的方法,涉及javascript鼠標(biāo)操作的相關(guān)技巧,需要的朋友可以參考下2015-05-05
本文給大家匯總介紹了3種javascript數(shù)組去重的方法以及示例，十分的簡(jiǎn)單實(shí)用，有需要的小伙伴可以參考下。2015-07-07
function定義的對(duì)象有一個(gè)prototype屬性，prototype屬性又指向了一個(gè)prototype對(duì)象，注意prototype屬性與prototype對(duì)象是兩個(gè)不同的東西，要注意區(qū)別.這篇文章主要介紹了JS中的prototype的相關(guān)資料,需要的朋友可以參考下2016-09-09
這篇文章主要為大家詳細(xì)介紹了JS使用H5實(shí)現(xiàn)圖片預(yù)覽功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-09-09
這篇文章主要介紹了微信小程序頂部導(dǎo)航欄可滑動(dòng)并選中放大,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-12-12
這篇文章主要介紹了tweenjs緩動(dòng)算法的使用,結(jié)合實(shí)例形式分析了Tween.js插件的原理與使用技巧,需要的朋友可以參考下2019-08-08