ES6特性之:参数默认值

简介: 作为一个开发者,跟进行业步伐是非常需要的,不能躺在现有的知识和经验温床上做美梦。JavaScript的ES2015标准(即我们说的ES6)在2016年已经被广泛应用了,还没开始使用的朋友,赶紧来磨一下枪吧。

作为一个开发者,跟进行业步伐是非常需要的,不能躺在现有的知识和经验温床上做美梦。JavaScript的ES2015标准(即我们说的ES6)在2016年已经被广泛应用了,还没开始使用的朋友,赶紧来磨一下枪吧。

为了方便理解消化,我们一篇文章只讲一个特性。从最简单的新特开始吧,这一篇我们就讲ES6中为函数的参数新添加的特性:参数默认值。

所谓的参数默认值,就是可以给一个函数的参数设定一个默认值,当调用函数的时候,如果该参数未给出任何值,则使用默认值替代。

我们来看以下实例代码:

function greeting(name, message="Hello") {
  console.log(message + "," + name);
}

greeting("Tom");   //Hello,Tom
greeting("Tom", "Good morning"); //Good morning,Tom

我们可以看到,参数message设置了一个默认值"Hello",当调用greeting()函数时,如果未给出message参数,则mesage参数值就取默认值“Hello”;否则,就使用实际值。

【注意点】我们定义"参数未给出"是指:该参数值为undefined。请注意以下区别:

greeting("Tom");   //Hello,Tom
greeting("Tom", undefined);   //Hello,Tom

greeting("Tom", null);   //null,Tom
greeting("Tom", ""); //,Tom
目录
相关文章
|
3月前
|
JavaScript
typeScript基础(3)_ts函数默认值和可选参数
本文介绍了在TypeScript中如何使用函数的默认值和可选参数。展示了如何为函数参数指定默认值,使得在调用函数时可以省略某些参数,以及如何定义可选参数。
181 2
|
11天前
如何处理构造函数中参数的默认值?
设置合理的默认值可以增加代码的灵活性和易用性,同时减少在调用构造函数时必须传递所有参数的要求。在处理默认值时,要确保其合理性和一致性,避免出现意外的行为或错误。你还想了解关于构造函数的其他方面吗?比如参数的验证等
21 1
|
4月前
|
JavaScript 前端开发 网络架构
ES6新特性: 默认参数及扩展运算符和剩余参数
ES6新特性: 默认参数及扩展运算符和剩余参数
|
JavaScript 前端开发 安全
ES6(数值的扩展)
ES6(数值的扩展)
67 0
|
7月前
|
JSON 前端开发 JavaScript
ES6(2015)-ES13(2022)新增特性大总结
ES6(2015)-ES13(2022)新增特性大总结
97 0
|
7月前
|
网络架构
ES6函数新增了哪些扩展?
ES6函数新增了哪些扩展?
61 0
|
JavaScript
TypeScript-可选-默认-剩余参数
TypeScript-可选-默认-剩余参数
65 0
|
JavaScript
面试题-TS(十):如何处理可选属性和默认参数?
在TypeScript中,可选属性是指在定义接口或类时,指定某些属性不是必须的,可以存在也可以不存在。使用可选属性可以让我们定义更灵活的数据结构,允许对象中包含额外的属性,而不会报错。
|
网络架构
ES6中函数新增了哪些扩展?
ES6允许为函数的参数设置默认值