你是否遇到過這樣的情況,寫了個function,無參數。
function showUserInfo(){alert("你好!我是小明。");}function showUserInfo(){ alert("你好!我是小明。"); }
調用:
showUserInfo();showUserInfo();
后來,發現其他地方也需要這個function,但是有變量值已經在function里面寫死了,怎么辦?加個參數吧。
function showUserInfo(name){name=name||"小明";alert("你好!我是"+name+"。");}function showUserInfo(name){ name=name||"小明"; alert("你好!我是"+name+"。"); }
說明一下:name=name||"小明" 這句代碼的意思是如果name為null就等于默認值“小明”。也可以這樣寫:
function showUserInfo(name){// name=name||"小明";if(!name){name="小明";}alert("你好!我是"+name+"。");}function showUserInfo(name){ // name=name||"小明"; if(!name){ name="小明"; } alert("你好!我是"+name+"。"); }
調用:
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+"歲。"); }
調用:
showUserInfo('小李');//結果:你好!我是小李,今年22歲。showUserInfo('小李',19);//結果:你好!我是小李,今年19歲。showUserInfo(null,19);//結果:你好!我是小明,今年19歲。showUserInfo('小李');//結果:你好!我是小李,今年22歲。 showUserInfo('小李',19);//結果:你好!我是小李,今年19歲。 showUserInfo(null,19);//結果:你好!我是小明,今年19歲。
好了,如果我們需要再添加生日、電話、性別、QQ等等參數,又該怎么辦呢?一個一個的設置默認值嗎?實際上,我看到很多人確實是這樣做的。下面我們來看一個更簡單的方式。那就是使用Jquery的擴展。先看代碼:
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的配置。
調用:
showUserInfo({name:"小李"});//結果:姓名:小李,性別:男,年齡:22,電話:13888888888,QQ:12345678,生日:1980.12.29。showUserInfo({name:"小紅",sex:"女",phone:"13777777777"});//結果:姓名:小紅,性別:女,年齡:22,電話:13777777777,QQ:12345678,生日:1980.12.29。showUserInfo({ name:"小李" }); //結果:姓名:小李,性別:男,年齡:22,電話:13888888888,QQ:12345678,生日:1980.12.29。 showUserInfo({ name:"小紅", sex:"女", phone:"13777777777" }); //結果:姓名:小紅,性別:女,年齡:22,電話:13777777777,QQ:12345678,生日:1980.12.29。
很簡單吧!這樣,就算有100個參數,都不怕了。
那么什么時候使用多個參數,什么時候使用這樣的參數對象呢?我的經驗是,根據實際需要,如果使用一、兩個參數就可以搞定的就不使用參數對象。超過3個,我就會使用這種參數對象。
新聞熱點
疑難解答