Js-$.extend擴展方法使方法參數(shù)更靈活
更新時間:2013年01月15日 16:06:35 作者:
在JS里,我們的方法參數(shù)通常使用JQ的$.extend擴展方法來實現(xiàn),感興趣的朋友可以了解下
在做JS開發(fā)時,我們將第三方復雜的插件進行封裝,然后對外公開一個很簡單的方法接口,這是開發(fā)時常用的方法,在JS里,我們的方法參數(shù)通常使用JQ的$.extend 擴展方法來實現(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é)果輸出為:
復制代碼 代碼如下:
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)容為:
即如果我們沒有為arr指定值,它會把默認的值進行輸出,如果我們?yōu)閍rr對象的某個屬性賦值,結(jié)果會怎樣?
復制代碼 代碼如下:
<a href="#" onclick="extend({name:'占占'});return false;">extends</a>
上面代碼,我們改變了name屬性的性,結(jié)果輸出為:
即,它只修改了指定屬性的值,對象的其它值保持為原來的默認值。
JS中的||運算符與C#中的||作用相同,都是“邏輯或”,而在本例中它的用法是,如果arr對象為空,然后將{}賦值給它,這個功能類似于C#里的
??運算符,所以JS里的||挺強大,呵呵。
相關文章
javascript實現(xiàn)div浮動在網(wǎng)頁最頂上并帶關閉按鈕效果實例
我們有時會看到有些網(wǎng)站最頂部一直會跟著我們滾動而滾動了,這種方法其實很簡單,下面我來給大推薦一個javascript實現(xiàn)div浮動在網(wǎng)頁最頂上并帶關閉按鈕效果2013-08-08js前端URL含有特殊字符的轉(zhuǎn)碼的實現(xiàn)
本文主要介紹了js前端URL含有特殊字符的轉(zhuǎn)碼的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2023-06-06