跳至正文
首页 » 博客 » Easy JavaScript Part 3: What is a Default Parameter in a Function?

Easy JavaScript Part 3: What is a Default Parameter in a Function?

JavaScript函数可以具有默认参数值。使用默认函数参数,您可以使用默认值初始化形式参数。如果不使用某个值初始化参数,则未定义该参数的默认值。

在了解默认参数之前,请查看infragistics的jQuery库Ignite UI for JavaScript/HTML5和ASP.NET MVC ,它可以帮助您更快地编写和运行web应用程序。您可以使用Ignite UI for JavaScript库来帮助快速解决HTML5、jQuery、Angular、React或ASP.NET MVC中复杂的LOB要求。今天下载免费试用的Ignite UI

让我们考虑下面列出的代码:

函数foo(num1){

console.log(num1);

}
foo();

在调用函数foo时,您没有传递任何参数,因此变量num1的默认值设置为undefined。但是,有时您可能希望设置undefined以外的默认值。在过去,最好的策略是测试未定义的参数值,然后分配一个值。因此,让我们说,在上面的例子中,您想将num1的默认值设置为9。您可以这样做,如下面的代码所示:

函数foo(num1) {

如果 (num1 === 未定义) {
num1 = 9;
}
console.log(num1);

}
foo();

ECMAScript 6引入了函数的默认参数。使用ECAMA 2015的默认参数功能,您不再需要检查未定义的参数值。现在,您可以将9作为参数本身的默认值。您可以重写上面的函数以使用默认值,如下所示:

函数foo(num1 = 9) {
console.log(num1);

}
foo();

对于函数foo,如果未传递num1参数的值,则JavaScript会将9设置为num1的默认值。

检查未定义的参数

即使在调用函数时显式传递undefined作为参数值,参数值也会设置为默认值。

函数foo(num1 = 9) {
console.log(num1);

}
foo (未定义);

在上面的代码中,您将undefined作为num1的值传递,因此, num1的值将设置为默认值9

默认值计算在运行时

JavaScript函数默认值在运行时计算。为了更好地理解这一点,请考虑下面的代码:

函数foo(value = koo()) {
返回值
}

函数koo() {
返回“点燃UI”
}

var a = foo();
console.log(a);

在函数foo中,参数value的默认值设置为函数koo。当您在运行时调用函数foo时,将评估函数koo。您将在调用函数foo时得到如下图所示的输出。

重用默认参数

默认参数可供以后的默认参数使用。让我们考虑下面列出的代码:

函数foo(num1 = 9,num2 = num1 8){
console.log(num2);
}
foo();

在上面的代码中,num1的默认值用于计算num2的默认值。调用函数foo时,您将得到以下输出:

结论

JavaScript默认参数在编写函数时非常有用。调用函数时,如果缺少参数,则默认参数功能允许您为函数参数分配默认值,而不是使其保持未定义。

在这个 “Easy JavaScript” 系列的下一篇文章中,您将了解JavaScript函数中的参数。另外,不要忘记查看Ignite UI for JavaScript/HTML5和ASP.NET MVC ,您可以将其与HTML5,Angular,React和ASP.NET MVC一起使用来创建富Internet应用程序。您可以免费下载试用版我们所有的JavaScript控件。</p