首页 >

举例说明如何为JavaScript办法参数设置默认值

web前端|js教程举例说明如何为JavaScript办法参数设置默认值
JavaScript,方法,参数默认值
web前端-js教程
你是否遇到过这样的情况,写了个function,无参数。
小猪cms电商系统源码,ubuntu 应用全屏,打包文件放在tomcat哪,python 内存爬虫,php微分销系统源码,马鞍山做seo优化的公司lzw
function showUserInfo(){alert("你好!我是小明。");}function showUserInfo(){   alert("你好!我是小明。"); } 
调用:
中繁英wap源码,设置vscode 线,ubuntu 4.15,tomcat url解析,t4模版 sqlite,ecmall 插件开发,首页面资源储备前端框架搭建,爬虫专精还是珍兽专精,php 字符串定位,上海seo优化团队,皇冠源码网站,网页抢购源码,电影站模板lzw
showUserInfo();showUserInfo(); 
后来,发现其他地方也需要这个function,但是有变量值已经在function里面写死了,怎么办?加个参数吧。
java个人博客源码,vscode的基本使用和安装,ubuntu 入侵,tomcat安装部署fr,sqlite返回结果,网页设计的基本思想,iis网站服务器 建立出现问题,甘特图 js插件,前端框架zepto,爬虫繁育证,php 多语言,seo快速优化软件是什么,springboot打印机,网站社交的功能模块,网页代码比较,登录页面的html模板免费下载,dede后台操作,js页面怎么写的,开源报表管理系统,贪吃蛇自动吃程序lzw
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个参数,都不怕了。

那么什么时候使用多个参数,什么时候使用这样的参数对象呢?我的经验是,根据实际需要,如果使用A、两个参数就可以搞定的就不使用参数对象。超过3个,我就会使用这种参数对象。


  • 暂无相关文章
  • Posted in 未分类