Js-$.extend擴展方法使方法參數更靈活
更新時間：2013年01月15日 16:06:35 作者：
在ＪＳ里，我們的方法參數通常使用JQ的$.extend擴展方法來實現,感興趣的朋友可以了解下
在做ＪＳ開發(fā)時，我們將第三方復雜的插件進行封裝，然后對外公開一個很簡單的方法接口，這是開發(fā)時常用的方法，在ＪＳ里，我們的方法參數通常使用JQ的$.extend 擴展方法來實現
function extend(arr) {
arr = $.extend({ name: 'zzl', sex: 'male', age: 31 }, arr || {});
alert("[Name:]" + arr.name + "[Sex:]" + arr.sex + "[Age:]" + arr.age);
}
在頁面調用時：
<a href="#" onclick="extend();return false;">extends</a>輸出內容為：
<a href="#" onclick="extend({name:'占占'});return false;">extends</a>
上面代碼，我們改變了name屬性的性，結果輸出為：
復制代碼 代碼如下:
function extend(arr) {
arr = $.extend({ name: 'zzl', sex: 'male', age: 31 }, arr || {});
alert("[Name:]" + arr.name + "[Sex:]" + arr.sex + "[Age:]" + arr.age);
}
在頁面調用時：
復制代碼 代碼如下:
<a href="#" onclick="extend();return false;">extends</a>輸出內容為：
即如果我們沒有為arr指定值，它會把默認的值進行輸出，如果我們?yōu)閍rr對象的某個屬性賦值，結果會怎樣？
復制代碼 代碼如下:
<a href="#" onclick="extend({name:'占占'});return false;">extends</a>
上面代碼，我們改變了name屬性的性，結果輸出為：
即，它只修改了指定屬性的值，對象的其它值保持為原來的默認值。
ＪＳ中的||運算符與Ｃ#中的||作用相同，都是“邏輯或”，而在本例中它的用法是，如果arr對象為空，然后將{}賦值給它，這個功能類似于Ｃ#里的
？？運算符，所以ＪＳ里的｜｜挺強大，呵呵。
相關文章
javascript實現div浮動在網頁最頂上并帶關閉按鈕效果實例
我們有時會看到有些網站最頂部一直會跟著我們滾動而滾動了，這種方法其實很簡單，下面我來給大推薦一個javascript實現div浮動在網頁最頂上并帶關閉按鈕效果2013-08-08
這篇文章主要為大家詳細介紹了小程序點擊圖片實現自動播放視頻，停止上一個視頻播放，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
下面是一段利用谷歌地圖API獲取點點之間距離的代碼，采用V3版本中的DirectionsService()2012-10-10
JavaScript提供了一個內部數據結構，用來描述對象的屬性，控制它的行為，比如該屬性是否可寫、可遍歷等等。這個內部數據結構稱為“屬性描述對象”。本文主要帶大家了解一下JavaScript中你必須了解的屬性描述對象，需要的可以參考一下2022-12-12
這篇文章主要介紹了微信小程序之數據綁定原理解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-08-08
這篇文章主要介紹了JavaScript交換變量常用4種方法解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-09-09
本文主要介紹了js前端URL含有特殊字符的轉碼的實現，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-06-06
這篇文章主要為大家詳細介紹了微信小程序實現留言板，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-11-11
這篇文章主要介紹了使用typescript類型來實現快排詳情，文章圍繞主題展開詳細的內容介紹，具有一定的參考價值，需要的小伙伴可以參考一下2022-08-08
這篇文章主要介紹了CocosCreator的網絡通信,內容不多，涉及到的細節(jié)，讀者可以根據實際情況，自己去延申2021-04-04