ES6-函数

---

一、 箭头函数

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 操作符一般会用在函数的参数

1. Spread展开操作符

let fruits = ['苹果','香蕉'];
let foods = ['蛋糕',...fruits];
console.log(fruits);    //输出：[苹果,香蕉]
console.log(...fruits); //输出：苹果 香蕉
console.log(foods);     //输出：[蛋糕,苹果,香蕉]
console.log(...foods);  //输出：蛋糕 苹果 香蕉

2. Rest剩余操作符

//函数的参数超过设定的数量.都回归到最后的…xxx参数中
let breakfast = (dessert,drink,...foods) => {
   console.log(dessert,drink,foods)
}
breakfast('蛋糕','牛奶','香蕉','苹果');//输出结果：蛋糕  牛奶  [香蕉，苹果]

拥有梦想只是一种智力，实现梦想才是一种能力。