美文网首页
js设置函数参数默认值的3种方法

js设置函数参数默认值的3种方法

作者: 张晓刚_云字节 | 来源:发表于2016-10-19 10:17 被阅读2529次

js默认是不支持funtion f($a=a){}这种写法的,如果想设置函数参数的默认值,可以参考如下三种方法:

  • 第一种方法:

使用arguments,函数所有的参数都会存入arguments数组离去,所以我们可以从中获取相应的参数然后赋值

function example(a,b){ 
  var a = arguments[0] ? arguments[0] : 1;//设置参数a的默认值为1 
  var b = arguments[1] ? arguments[1] : 2;//设置参数b的默认值为2 
  return a+b; 
} 
  • 第二种方法

使用运算符 ||,这个等同于if(a){a=xx}的写法

function example(name,age){ 
  name=name||'jason'; 
  age=age||30; 
  alert('你好!我是'+name+',今年'+age+'岁。'); 
} 

  • 第三种方法

使用jquery扩展,适合参数较多的情况下

function example(setting){ 
  var defaultSetting={ 
    name:'jason', 
    age:'30', 
    sex:'男', 
    phone:'100866', 
    QQ:'100866', 
    birthday:'1949.10.01'
  }; 
  $.extend(defaultSetting,settings); 
  var message='姓名:'+defaultSetting.name 
  +',性别:'+defaultSetting.sex 
  +',年龄:'+defaultSetting.age 
  +',电话:'+defaultSetting.phone 
  +',QQ:'+defaultSetting.QQ 
  +',生日:'+defaultSetting.birthday 
  +'。'; 
  alert(message); 
} 

相关文章

  • js设置函数参数默认值的3种方法

    js默认是不支持funtion f($a=a){}这种写法的,如果想设置函数参数的默认值,可以参考如下三种方法: ...

  • 现代JavaScript使用技巧

    函数参数设置默认值 为函数设置默认值很简单,直接在参数名后面加等号及值,如果该参数没有传参的话函数就会去取默认值,...

  • ES6 函数的扩展

    函数参数的默认值 ES6允许为函数的参数设置默认值,即直接写在参数定义的后面 函数参数默认值与解构赋值默认值结合使...

  • 1.0 C++远征:函数参数默认值、函数重载、内联函数

    C++远征 [TOC] 一、函数参数默认值 1.函数参数默认值的声明 2.函数参数默认值的定义 3.函数参数默认值...

  • ES6标准入门 摘要 (函数的扩展)

    函数的扩展 函数参数的默认值 ES6 允许为函数的参数设置默认值,即直接写在参数定义的后面。 参数默认值不是传值的...

  • ES6学习第六节:Function扩展

    函数参数默认值 与解构赋值默认值结合使用 参数默认值的位置 函数的length属性 作用域 一旦设置了参数的默认值...

  • es6--函数新增

    函数的扩展 函数参数设置默认值...rest参数箭头函数Promise函数Generator 函数async函数 ...

  • ECMAScript6学习(二)

    函数的扩展 函数参数的默认值 ES6 允许为函数的参数设置默认值,即直接写在参数定义的后面。 与解构赋值默认值结合...

  • 函数参数默认值

    基础用法 使用默认值语法设置函数参数的默认值。

  • ES6入门之函数的扩展

    函数的扩展分为以下3个部分: 1 为函数参数指定默认值2 函数的 rest 参数3 箭头函数 为函数参数指定默认值...

网友评论

      本文标题:js设置函数参数默认值的3种方法

      本文链接:https://www.haomeiwen.com/subject/wgfxuttx.html