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