踩坑ES6 箭头函数

作者: 路漫漫在狂奔 | 来源:发表于2017-07-22 23:22 被阅读16次

关于ES6箭头this的指向问题
关于箭头函数 this的指向问题
关于箭头函数 this的指向问题
踩坑ES6 箭头函数
ES6箭头函数简介
es6全家桶（二）—— 箭头函数
es6、js、css、jquery、vue以及程序设计知识点总
箭头函数
学习 ES 6 箭头函数
JavaScript箭头函数

是不是用箭头函数用的很爽？觉得代码又简洁了许多？嗯，没错，我也是一样的感觉。但是，在封装时，你们没遇到坑么？

战场：

image.png
image.png
image.png

箭头函数的this，明显不是指这个对象，那么this指向哪里呢？它指向父级var作用域，测试的图不上了，自己动手去
箭头函数里并没有arguments

总结

在不用this的地方，用箭头函数是个不错的选择，比如纯功能性函数
在不需要继承，不需要new的对象里，可以大胆在箭头函数里用对象/类名调用类里的属性和方法。如图：

image.png

关于ES6箭头this的指向问题
ES6 允许使用 “ 箭头 ” （=>）定义函数。箭头函数填坑。 this的指向是向上查找非箭头函数的...
关于箭头函数 this的指向问题
ES6 允许使用 “ 箭头 ” （=>）定义函数。箭头函数填坑。 this的指向是向上查找非箭头...
关于箭头函数 this的指向问题
ES6 允许使用 “ 箭头 ” （=>）定义函数。箭头函数填坑。 this的指向是向上查找非箭头函数的函...
踩坑ES6 箭头函数
是不是用箭头函数用的很爽？觉得代码又简洁了许多？嗯，没错，我也是一样的感觉。但是，在封装时，你们没遇到坑么？战场...
ES6箭头函数简介
@(JS技巧)[ES6|箭头函数] ES6箭头函数（Arrow Functions） ES6可以使用“箭头”（=>...
es6全家桶（二）—— 箭头函数
es6全家桶（二）—— rest参数、箭头函数箭头函数 ES6 允许使用“箭头”（=>）定义函数。 var f ...
es6、js、css、jquery、vue以及程序设计知识点总
es6 列举常用的es6特性。箭头函数this的指向。 eg：箭头函数的特性箭头函数内部没有construc...
箭头函数
ES6允许使用“箭头”（==>）定义函数。箭头函数等同于
学习 ES 6 箭头函数
箭头函数的用法 ES6 允许使用“箭头”（=>）定义函数。箭头函数的一个用处是简化回调函数。箭头函数 this...
JavaScript箭头函数
ES6新语法箭头函数箭头函数是ES6新语法，因为语法简单、可读性好，所以使用的也很多。箭头函数也是匿名函数，区别...