三月听我说

ES6——箭头函数

2020-01-13  本文已影响0人  皆非的万事屋

箭头函数的特点:

1.能够使函数的写法更简洁(一行写完一个函数)

2.函数返回值可以被隐式返回(不需要写return)

3.不重新绑定this的值

    该函数不能被改写为箭头函数!只有匿名函数可以被改写为箭头函数。

    先改写为函数表达式:

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

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

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

    例3:复杂一些的:

    普通函数和箭头函数的重要区别:

    普通函数会重新绑定this的值,而箭头函数不会,箭头函数中的this指向的是函数外围的this.

各有各的应用场合:

    如果不牵扯到this的变换问题,建议使用箭头函数;如果this要时常变换,建议使用普通函数。

    例如在函数体内使用window的setTimeout(),来延迟改变某一dom元素的值或样式:

    

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

上一篇 下一篇

猜你喜欢

热点阅读