es6中箭头函数学习

ES6标准新增了一种新的函数：箭头函数

箭头函数解决的问题：
1、缩减代码
2、改变this指向

在es5中写法

es6中使用箭头函数

当只有一个参数时，()括号可以加也可以不加，不影响运行，如有多个参数必须加括号，否则报错

箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种像上面一样，只包含一个表达式，连{ … }和return都省略掉了，还有一种可以包含多条语句，这时候就不能省略{ … }和return：

改变this指向

在es5中


在这里member输出没问题，teamName并没有被找到，因为当前this已发生指向变化，已不再指向的是team

以下是上面代码的正确写法，使用 let self = this（变量 self 依赖于词法作用域的可预测性）

如果使用es6中箭头函数作为回调， this 就会明确指向父级对象，就不会像es5这么麻烦