箭头函数的特点:
1.能够使函数的写法更简洁(一行写完一个函数)
2.函数返回值可以被隐式返回(不需要写return)
3.不重新绑定this的值

该函数不能被改写为箭头函数!只有匿名函数可以被改写为箭头函数。
先改写为函数表达式:

改写第一步:去掉function,括号后加胖箭头(=>,瘦箭头->):

例1:当括号里有且仅有一个参数的时候,可以把括号去掉

例2:当方法体内只有一行代码时,可以把花括号去掉:

例3:复杂一些的:

普通函数和箭头函数的重要区别:
普通函数会重新绑定this的值,而箭头函数不会,箭头函数中的this指向的是函数外围的this.
各有各的应用场合:
如果不牵扯到this的变换问题,建议使用箭头函数;如果this要时常变换,建议使用普通函数。
例如在函数体内使用window的setTimeout(),来延迟改变某一dom元素的值或样式:

这样就无需再另用变量来存储外层this了。
网友评论