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