码迷,mamicode.com
首页 > 其他好文 > 详细

ES6---函数的扩展之函数的默认值

时间:2020-03-30 23:43:35      阅读:92      评论:0      收藏:0      [点我收藏+]

标签:求值   代码   sum   需要   写法   直接   注意   嘻嘻   turn   

1.函数默认值

function add(a,b=3){
    return a+b;
}
add(1,2);//3
add(1);//4

理解起来也很简单,就是在函数定义的时候设置一个默认值,当调用函数没有传参时,可以根据默认值为其匹配一个参数值

这样子的好处嘛,可以避免在调用时没有传参导致函数报错,同时对于阅读代码也更加直观了,代码量也更少了,嘻嘻

 

  • 直观是因为我们只需要看函数就知道该参数是否可选
  • 代码更少是因为在ES6以前,函数不能设置默认值,如果在调用的时候没有传参进去,

   那么需要进行是否传递该参数进来,没有的话就取一个默认值才能达到实现的效果

function add(a,b){
if(b==undefined){
  b=3;
}
  return a+b;
}
add(1);//4
add(1,2);//3

 但记得注意一下几点:

1.若使用了函数默认值,则函数所有参数等同于在函数内默认声明过了,所以不能使用let和const定义同名参数

//函数会报错
function add(a,b=3){   const a = 1;
  let b = 2;   return a+b; }

 记得var定义同名参数是可以的,这是由于var是定义的全局变量,懂函数作用域链的应该都挺容易理解的

2.若使用函数默认值,则参数不能出现同名参数(ES6以前同名函数是允许的,因为只需要考虑调用时参数传递顺序即可)

//这种不报错
function add(a,a,b){
 . . .   
}

//报错了
function add(a,a,b=3){
. . .
}

 3.函数默认值是惰性求值的,他不是直接传参数值进去的,而是当调用时没有参数时计算默认值再赋值给,所以参数的默认值可以是一个表达式

let x = 100
function add(a,b=x+1){
  return a+b;
}
add(1);//101
add(1,2);//3

 4.关于函数默认值的位置(你品你细品),你就会发现,上边例子中完全没有在第一个参数写上默认值(实际上只是偷懒只写一个例子┗( ▔, ▔ )┛)

 如果默认值,设置在参数a的话,那么可以在调用时是可以不传第一个参数吗?

 

答案是:No!一般函数默认值写在最后一个参数或者下一个参数仍设置默认值(直接所有参数都写了默认值就不用考虑,哈哈),对于那种跳过式的如

function(a=3,b){} ; function(a,b=3,c){}

像上述情况,默认值前面的参数,调用时不能直接省略掉,因为函数参数读取是按顺序的(#皿#)  

所以遇到这种情况,请放弃这种写法(开玩笑的啦,哈哈!!!∑(?Д?ノ)ノ)

在调用的时候使用undefined(不能使用null,null代表传进去参数的值为null),代表该参数不传参进去,就会使用默认值了

function add(a=3,b){
    return a+b;
}
 add(1);//NaN,此时b为undefined,所以相加为NaN
add(,1);//报错
add(undefined,1)://4,正确操作
add(null,1);//1,a就为空值,就是0了呗

 

ES6---函数的扩展之函数的默认值

标签:求值   代码   sum   需要   写法   直接   注意   嘻嘻   turn   

原文地址:https://www.cnblogs.com/kongbaifeiye/p/12601778.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!