ES6标准新增了一种新的函数:箭头函数
箭头函数解决的问题:
1、缩减代码
2、改变this指向
在es5中写法
es6中使用箭头函数
当只有一个参数时,()括号可以加也可以不加,不影响运行,如有多个参数必须加括号,否则报错
箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一种像上面一样,只包含一个表达式,连{ … }和return都省略掉了,还有一种可以包含多条语句,这时候就不能省略{ … }和return:
改变this指向
在es5中
在这里member输出没问题,teamName并没有被找到,因为当前this已发生指向变化,已不再指向的是team
以下是上面代码的正确写法,使用 let self = this(变量 self 依赖于词法作用域的可预测性)
如果使用es6中箭头函数作为回调, this 就会明确指向父级对象,就不会像es5这么麻烦