一、 箭头函数
ES6 介绍了一种新的定义的函数的方法,叫 Arrow Functions ,箭头函数,认识一下使用箭头定义函数的写法,先定义一个变量,这个变量可以当成函数的名字,等号右边的东西是函数可以接收的参数的名字,比如用一个 dessert,然后它的右边是一个箭头,就是一个等号再加上一个大于号。
箭头的左边是函数的参数,右边是函数返回值, 比如我们要返回dessert 参数的值,直接用一个 dessert ,具体代码如下
var breakfast = function breakfast(dessert){
return dessert
}
等同于
let breakfast = (dessert) => {
return dessert
}
等同于(函数的参数只有一个的话,括号可以省略。函数中如果只返回一个值可以吧return
和{}
省略。)
let breakfast = dessert => dessert
二、 函数默认值
在 ES6 里面,我们可以给定义的函数接收的参数设置默认的值,这样在执行这个函数的时候,如果不指定函数的参数的值,就会使用参数的这些默认的值。
let breakfast = (dessert="蛋糕",drink="奶茶") => {
return dessert+'和'+drink;
}
console.log(breakfast()); //输出:蛋糕和奶茶
console.log(breakfast('巧克力','可乐')); //输出:巧克力和可乐
三、 …操作符
... 就是 ES6 里新添加一种操作符,叫 Spread展开操作符 或者 Rest 剩余操作符 ,具体这个操作符是什么意思要取决于如何使用, Spread 操作符一般用在数组的分解上,Rest 操作符一般会用在函数的参数
- Spread展开操作符
let fruits = ['苹果','香蕉'];
let foods = ['蛋糕',...fruits];
console.log(fruits); //输出:[苹果,香蕉]
console.log(...fruits); //输出:苹果 香蕉
console.log(foods); //输出:[蛋糕,苹果,香蕉]
console.log(...foods); //输出:蛋糕 苹果 香蕉
- Rest剩余操作符
//函数的参数超过设定的数量.都回归到最后的…xxx参数中
let breakfast = (dessert,drink,...foods) => {
console.log(dessert,drink,foods)
}
breakfast('蛋糕','牛奶','香蕉','苹果');//输出结果:蛋糕 牛奶 [香蕉,苹果]
拥有梦想只是一种智力,实现梦想才是一种能力。