web前端|js教程
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个，我就会使用这种参数对象。
