菜单

自在上 JavaScript——第 3 部分:函数中的默认参数

2018年12月19日 - JavaScript

轻松上 JavaScript (3):函数中之默认参数

2017/11/11 · JavaScript
· 函数,
参数

原文出处: Dhananjay
Kumar
   译文出处:码农网

小峰
   

JavaScript函数可以出默认参数值。通过默认函数参数,你得初叶化带有默认值的规范参数。即使不最先化具有某些价值的参数,则该参数的默认值为undefined。

告圈下列代码:

function foo(num1){ console.log(num1); } foo();

1
2
3
4
function foo(num1){
    console.log(num1);
}
foo();

于调用函数foo时,你无传递任何参数,因而变量num1的默认值设置也undefined。不过,有时你可能要安装默认值而休undefined。过去,最好之方针是测试参数值undefined,然后分配一个值。所以,在地方的事例中,假诺您想使拿num1的默认值设置为9,那么您可随以下代码所出示之方法召开:

function foo(num1) { if (num1 === undefined) { num1 = 9; }
console.log(num1); } foo();

1
2
3
4
5
6
7
function foo(num1) {
    if (num1 === undefined) {
        num1 = 9;
    }
    console.log(num1);
}
foo();

ECMAScript 6引入了函数的默认参数。使用ECMA
2015底默认参数效能,你拿不再需要检讨不定义之参数值。现在,你得将9安为参数本身的默认值。你可更写上述函数以应用默认值,如下所示:

function foo(num1 =9) { console.log(num1); } foo();

1
2
3
4
function foo(num1 =9) {
    console.log(num1);
}
foo();

对于函数foo,即便num1参数的价未让传送,那么JavaScript将装9作num1的默认值。

ECMAScript 6引入了函数的默认参数。使用ECMA
2015之默认参数效用,你以不再用检讨不定义之参数值。现在,你可以用9设置为参数本身的默认值。你可另行写上述函数以使用默认值,如下所示:

自我批评不定义的参数

不怕你在调用函数时赫地传递undefined作为参数值,参数值也拿安装为默认值。

function foo(num1 =9) { console.log(num1); } foo(undefined);

1
2
3
4
function foo(num1 =9) {
    console.log(num1);
}
foo(undefined);

当地点的代码中,你传递undefined为num1的价值;由此,num1的价将给设置也默认值9。

要看下列代码:

运行时总计默认值

JavaScript函数默认值在运行时算。为了还好地精晓这或多或少,请圈之下代码:

function foo(value = koo()) { return value; } function koo() { return
“Ignite UI”; } var a = foo(); console.log(a);

1
2
3
4
5
6
7
8
function foo(value = koo()) {
    return value;
}
function koo() {
     return "Ignite UI";
}
var a = foo();
console.log(a);

每当函数foo中,参数值的默认值设置也函数koo。在运行时调用函数foo时,将计函数koo。调用foo函数后,你会取得如下图所展现之输出(在是例子中,我们下了Ignite
UI框架)。图片 1

 

对于函数foo,如若num1参数的值未受传送,那么JavaScript将安装9作num1的默认值。

用默认参数

默认参数可供应以后的默认参数使用。请看下列代码:

function foo(num1 = 9, num2 = num1 + 8){ console.log(num2); } foo();

1
2
3
4
function foo(num1 = 9, num2 = num1 + 8){
    console.log(num2);
}
foo();

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

图片 2

运行时统计默认值

JavaScript函数默认值在运转时算。为了还好地亮当下一点,请看以下代码:

function foo(value = koo()) {
    return value;
}
function koo() {
     return "Ignite UI";
}
var a = foo();
console.log(a);

于函数foo中,参数值的默认值设置为函数koo。在运行时调用函数foo时,将计函数koo。调用foo函数后,你会拿到如下图所出示之出口(在这些事例中,我们下了Ignite
UI框架)。

 

图片 3

image

结论

JavaScript默认参数在编辑函数时那些管用。在调用函数时,假使少参数,则默认参数功效允许你为函数参数分配默认值,而未是将该定义也undefined。

1 赞 收藏
评论

图片 4

任用默认参数

默认参数可供应未来的默认参数使用。请看下列代码:

function foo(num1 = 9, num2 = num1 + 8){
    console.log(num2);
}
foo();

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

 

图片 5

image

当调用函数foo时,你没有传递任何参数,由此变量num1的默认值设置为undefined。但是,有时你恐怕得安装默认值而不undefined。过去,最好的策略是测试参数值undefined,然后分配一个价值。所以,在下面的例子中,即使您想假如以num1的默认值设置为9,那么您可以以以下代码所展示之法子开:

JavaScript函数可以来默认参数值。通过默认函数参数,你可先河化带有默认值的正规参数。假诺未开头化具有某些价值的参数,则该参数的默认值为undefined。

function foo(num1) {
    if (num1 === undefined) {
        num1 = 9;
    }
    console.log(num1);
}
foo();

接参预学习交换群569772982,我们一齐上学互换。

结论

JavaScript默认参数在编排函数时坏有效。在调用函数时,如若紧缺参数,则默认参数功用允许你吧函数参数分配默认值,而休是以那一个定义也undefined。

function foo(num1 =9) {
    console.log(num1);
}
foo();

检查不定义之参数

尽管你于调用函数时赫地传递undefined作为参数值,参数值也拿设置为默认值。

function foo(num1 =9) {
    console.log(num1);
}
foo(undefined);

以上头的代码中,你传递undefined为num1的值;因而,num1的价值将为安装为默认值9。

function foo(num1){
    console.log(num1);
}
foo();

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图