前言
在ES6如果函数参数没有值或未定义的,默认函数参数允许将初始值初始化为默认值。下面来看看详细的介绍吧。
语法
描述
在JavaScript中,函数默认参数定义。然而,在某些情况下,设置不同的默认值可能是有用的。这是默认参数可以帮助的地方。
在过去,设置默认值的一般策略是在函数体中测试参数值,如果它们是未定义的就分配一个值。如果在下面的例子中,在调用过程中b没有提供值,它的值将是undefined 当对 a*b 求值并且调用这个乘法的时候将返回NaN。
return a*b;
}
}
multiply(5); // 5
在ES6中设置默认参数,对函数体的检查是不必须的了。现在,你可以简单的在函数头设置默认值:
multiply(5); // 5
例子
通过未定义
在第二个函数调用中,即使第二个参数明确地被设置为undefined(虽然不是null),但是这个函数的颜色参数有一个默认值。
setBackgroundColor(someDiv); // color set to 'rosybrown'
setBackgroundColor(someDiv,undefined); // color set to 'rosybrown' too
setBackgroundColor(someDiv,'blue'); // color set to 'blue'
setBackgroundColor(someDiv,undefined); // color set to 'rosybrown' too
setBackgroundColor(someDiv,'blue'); // color set to 'blue'
调用时求值
默认参数在调用时计算的,所以不像在Python中,一个新的对象是每次调用函数创建。
append(1); //[1]
append(2); //[2],not [1,2]
append(2); //[2],not [1,2]
甚至适合于函数和变量
function something(){
return "sth";
}
return "sth";
}
callSomething(); //sth
默认参数可以提供给以后的默认参数
已经遇到的参数可以提供给以后的默认参数:
//["Gecko","Geckos","Geckos ATTACK!!!"]
singularAutoPlural("Gecko");
singularAutoPlural("Gecko");
//["Fox","Foxes","Foxes ATTACK!!!"]
singularAutoPlural("Fox","Foxes");
//["Deer","Deer","Deer ... change."]
singularAutoPlural("Deer","Deer peaceably and respectfully
petition the government for positive change.")
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对编程之家的支持。
原文链接:https://www.f2er.com/js/39553.html