ES6 — 函数

1、默认参数

即形参已经设置参数的值，如果实参没有传入值，则会使用默认参数。例如下面的age=17就是默认参数。

function fn(name,age=17){
 console.log(name+","+age);
}
fn("Amy",18);  // Amy,18
fn("Amy","");  // Amy,
fn("Amy");     // Amy,17

　　

2、不定参数

不定参数用来表示不确定参数个数，形如，...变量名，由...加上一个具名参数标识符组成。具名参数只能放在参数组的最后，并且有且只有一个不定参数。

function f(...values){
    console.log(values.length);
}
f(1,2);      //2
f(1,2,3,4);  //4

　　

3、箭头函数

箭头函数提供了一种更加简洁的函数书写方式。基本语法是：参数 => 函数体

最简单用法：（一个参数）

var f = v => v;
//等价于
var f = function(a){
 return a;
}
f(1);  //1

　　

当箭头函数没有参数或者有多个参数，要用 () 括起来。

var f = (a,b) => a+b;
f(6,2);  //8

　　

当函数体有多行时，函数体需要用{ }包起来。

var f = (a,b) => {
 let result = a+b;
 return result;
}
f(6,2);  // 8

　　

当箭头函数要返回对象的时候，为了区分于代码块，要用 () 将对象包裹起来。

注意点：箭头函数没有 this、super、arguments 和 new.target 绑定。

箭头函数体中的 this 对象，是定义函数时的对象，而不是使用函数时的对象。

 

适合使用场景：

　　ES6 之前，JavaScript 的 this 对象一直很令人头大，回调函数，经常看到 var self = this 这样的代码，为了将外部 this 传递到回调函数中，那么有了箭头函数，就不需要这样做了，直接使用 this 就行。