ES6箭头函数

基本语法 (=>)

var func = p=> p
// es5
var func = function (p) {
  return p
}

如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分,一个参数只用一个变量来接收不需要花括号。

不需要参数

var func = ()=>{}
//es5
var func = function(){return 10*10} 

多个参数

const func = (num,num1)=> num+num1
var func = function(num,num1){return num+num1 }

一个参数可以省略括号

const func = num=> num
var func = function(num){return num}
[1,2,3].map(function (x) { return x * 2; });
[1,2,3].map(x => x * 2);

如果箭头函数的代码块部有多条语句，就要使用大括号将它们括起来，并且使用return语句返回

var getDate = ()=>{
let date = new Date(),
 year = date.getFullYear(),
 month = date.getMonth() + 1,
 day = date.getDate();
return String(year)+String(month)+String(day)
}

由于大括号被解释为代码块，所以如果箭头函数直接返回一个对象，必须在对象外面加上括号。

var getdat = () => ({
    year: new Date().getFullYear(),
    month: new Date().getMonth() + 1,
    day: new Date().getDate()
  })
console.log(getdat());

传入一个参数

var getdat = date => ({
  year: date.getFullYear(),
  month: date.getMonth() + 1,
  day: date.getDate()
})

console.log(getdat(new Date()));

不能使用arguments对象来接收参数以及如何解决

该对象在函数体内不存在。如果要用，可以用Rest参数代替

var func = ()=>{
	// arguments is not defined
  console.log(arguments);
}
func(1,2,3,4,5,6) 

不使用arguments使用…收集函数参数

var func = (...s)=>{
	//(6) [1, 2, 3, 4, 5, 6]
  console.log(s);
}
func(1,2,3,4,5,6)

1. 箭头函数不能用作Generator函数，可以使用…来收集参数
2. 函数体内的this对象，就是定义时所在的对象,箭头函数本身是没有this
3. 不能作构造函数，箭头函数不能使用new，否则会抛出一个错误
4. 箭头函数里面根本没有自己的this，而是引用外层的this