030|JavaScript函数默认参数

在前的课程中,我们已经知道在调用函数时可以函数传递参数。那如果函数定义了参数,而调用者并不传递参数呢?比如下面的代码:

function sayHi(aName)
{
    console.log("Hello "+aName+"!")
}

sayHi() // 未传递参数

因为调用者未传递参数,所以上例将会输出undefine,如下:

030|JavaScript函数默认参数_第1张图片
运行结果

当调用者未提供名字时,输出了Hello undeifned!。

JavaScript中有一种特性叫做默认参数(default parameter),默认参数的意思是,当调用者未传递参数时,将对应的空缺参数设置为我们自定义的一个值。

默认参数的语法是,在参数后面加上“=value”。

我们使用默认参数来优化上例,代码如下:

function sayHi(aName="guest") // aName的默认参数是"guest"
{
    console.log("Hello "+aName+"!")
}

sayHi()

上述代码把aName设置为了默认参数,其默认值为guest。所以上述代码运行后会产生如下结果:

030|JavaScript函数默认参数_第2张图片
默认参数运行结果

可以看到,输出结果不再是undefined了,而不是变成了更为友好的guest。
默认参数内容较为简单且用途广泛,是一个高频使用特性。

好了,这一节就讲到这里。今天,你又进步了!

什么是匿名函数?什么是argumets对象?什么是闭包?

请继续关注我的课程,我将在后续课程中为大家解答上述问题。

想学计算机技术吗?需要1对1专业级导师指导吗?想要团队陪你一起进步吗?欢迎加我为好友!

030|JavaScript函数默认参数_第3张图片
我的微信

你可能感兴趣的:(030|JavaScript函数默认参数)