ES6里箭头函数的陷阱

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ES6里箭头函数的陷阱相关的知识,希望对你有一定的参考价值。

ECMAScript 6新增了箭头函数

原来的匿名函数 function(){},现在可以简化成()=>{}

看起来高大上,像C#什么的语法。

但是箭头函数的this对象,不能更改,总是指向函数定义生效时所在的对象。

如果用在jQuery的事件处理,就会导致this指向意想不到的元素,比如全局的window

 

以上是关于ES6里箭头函数的陷阱的主要内容,如果未能解决你的问题,请参考以下文章

javascript基础修炼——指向FP世界的箭头函数

进阶路上有你我-相互相持篇之ES6里箭头函数里的this指向问题

关于在es6的在class类里定义箭头函数会报错的问题?

es6箭头函数

ES6笔记————let,箭头函数,剩余参数

ES6知识盲点整理