ES6_01箭头函数

前言：箭头函数是es6的一大亮点，使用箭头函数，可以简化编码过程，使代码更加的简洁

一、 箭头函数简单实例

1. 无参数：

var f = () => 5;
// 等同于:
var f = function () { 
	return 5 
};

2. 有参数：

var f = a => b;
//等同于：
var f = function (a) {
  return b;
};
 
var sum = (num1, num2) => num1 + num2;
// 等同于:
var sum = function(num1, num2) {
  return num1 + num2;
};

• 若箭头函数的代码块大于一行，需要用大括号包起来使用:

var sum = (num1, num2) => { 
	num1 = num1+3;
	return num1 + num2; 
} 
sum(1,2)//6

• 大括号{}内容会被解释成代码块，所以如果返回的是对象，需要在外面加上一个括号:

let getTempItem = () => ({ 
	id: 1, 
	name: "LSJ" 
});

二、 箭头函数在使用时，this的指向会发生变化

【ES6】两个例子明白箭头函数this指向

箭头函数的this是如何查找的？

• 向外层作用域中，一层层查找this，直到有this的定义
• this跟箭头函数在哪里调用没有关系，但是跟箭头函数定义在哪里有关系

---

转自：箭头函数