国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

舉例說明如何為JavaScript的方法參數(shù)設(shè)置默認(rèn)值

2019-11-20 11:14:55
字體:
供稿:網(wǎng)友

你是否遇到過這樣的情況,寫了個(gè)function,無參數(shù)。
 

function showUserInfo(){alert("你好!我是小明。");}function showUserInfo(){   alert("你好!我是小明。"); } 

調(diào)用:
 

showUserInfo();showUserInfo(); 

后來,發(fā)現(xiàn)其他地方也需要這個(gè)function,但是有變量值已經(jīng)在function里面寫死了,怎么辦?加個(gè)參數(shù)吧。
 

function showUserInfo(name){name=name||"小明";alert("你好!我是"+name+"。");}function showUserInfo(name){   name=name||"小明";   alert("你好!我是"+name+"。"); } 

說明一下:name=name||"小明" 這句代碼的意思是如果name為null就等于默認(rèn)值“小明”。也可以這樣寫:

function showUserInfo(name){// name=name||"小明";if(!name){name="小明";}alert("你好!我是"+name+"。");}function showUserInfo(name){ // name=name||"小明";   if(!name){     name="小明";   }   alert("你好!我是"+name+"。"); } 

 
調(diào)用:
 

showUserInfo('小李');showUserInfo('小李'); 

 
后來,需求又變了,需要加上年齡。好吧再改:
 

function showUserInfo(name,age){name=name||"小明";age=age||22;alert("你好!我是"+name+",今年"+age+"歲。");}function showUserInfo(name,age){   name=name||"小明";   age=age||22;   alert("你好!我是"+name+",今年"+age+"歲。"); } 

調(diào)用:
 

showUserInfo('小李');//結(jié)果:你好!我是小李,今年22歲。showUserInfo('小李',19);//結(jié)果:你好!我是小李,今年19歲。showUserInfo(null,19);//結(jié)果:你好!我是小明,今年19歲。showUserInfo('小李');//結(jié)果:你好!我是小李,今年22歲。 showUserInfo('小李',19);//結(jié)果:你好!我是小李,今年19歲。 showUserInfo(null,19);//結(jié)果:你好!我是小明,今年19歲。 

 
好了,如果我們需要再添加生日、電話、性別、QQ等等參數(shù),又該怎么辦呢?一個(gè)一個(gè)的設(shè)置默認(rèn)值嗎?實(shí)際上,我看到很多人確實(shí)是這樣做的。下面我們來看一個(gè)更簡單的方式。那就是使用Jquery的擴(kuò)展。先看代碼:
 

function showUserInfo(setting){var defaultSetting={name:"小明",age:"22",sex:"男",phone:"13888888888",QQ:"12345678",birthday:"1980.12.29"};$.extend(defaultSetting,settings);var message='姓名:'+defaultSetting.name+',性別:'+defaultSetting.sex+',年齡:'+defaultSetting.age+',電話:'+defaultSetting.phone+',QQ:'+defaultSetting.QQ+',生日:'+defaultSetting.birthday+'。';alert(message);}function showUserInfo(setting){   var defaultSetting={     name:"小明",     age:"22",     sex:"男",     phone:"13888888888",     QQ:"12345678",     birthday:"1980.12.29"   };      $.extend(defaultSetting,settings);      var message='姓名:'+defaultSetting.name       +',性別:'+defaultSetting.sex       +',年齡:'+defaultSetting.age       +',電話:'+defaultSetting.phone       +',QQ:'+defaultSetting.QQ       +',生日:'+defaultSetting.birthday       +'。';   alert(message); } 

說明:$.extend(defaultSetting,settings)的作用就是將傳入的setting配置與defaultSetting合并,并用setting中的配置覆蓋defaultSetting的配置。
 
調(diào)用:
 

showUserInfo({name:"小李"});//結(jié)果:姓名:小李,性別:男,年齡:22,電話:13888888888,QQ:12345678,生日:1980.12.29。showUserInfo({name:"小紅",sex:"女",phone:"13777777777"});//結(jié)果:姓名:小紅,性別:女,年齡:22,電話:13777777777,QQ:12345678,生日:1980.12.29。showUserInfo({   name:"小李" }); //結(jié)果:姓名:小李,性別:男,年齡:22,電話:13888888888,QQ:12345678,生日:1980.12.29。 showUserInfo({   name:"小紅",   sex:"女",   phone:"13777777777" }); //結(jié)果:姓名:小紅,性別:女,年齡:22,電話:13777777777,QQ:12345678,生日:1980.12.29。 

 
很簡單吧!這樣,就算有100個(gè)參數(shù),都不怕了。
 
那么什么時(shí)候使用多個(gè)參數(shù),什么時(shí)候使用這樣的參數(shù)對象呢?我的經(jīng)驗(yàn)是,根據(jù)實(shí)際需要,如果使用一、兩個(gè)參數(shù)就可以搞定的就不使用參數(shù)對象。超過3個(gè),我就會(huì)使用這種參數(shù)對象。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 沐川县| 应用必备| 焦作市| 米泉市| 鄂尔多斯市| 泸西县| 仙游县| 万盛区| 南华县| 龙岩市| 慈利县| 西华县| 城口县| 宜章县| 长子县| 临洮县| 黄浦区| 巴楚县| 商水县| 许昌县| 福海县| 铜鼓县| 渝北区| 屏边| 巴南区| 温泉县| 肇州县| 湘阴县| 剑川县| 田林县| 惠州市| 电白县| 宣恩县| 阜南县| 信阳市| 巴青县| 镇安县| 军事| 海晏县| 库尔勒市| 九台市|