美文网首页三月听我说
ES6——箭头函数

ES6——箭头函数

作者: 皆非的万事屋 | 来源:发表于2020-01-13 17:47 被阅读0次

    箭头函数的特点:

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

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

    3.不重新绑定this的值

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

        先改写为函数表达式:

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

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

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

        例3:复杂一些的:

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

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

    各有各的应用场合:

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

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

        

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

    相关文章

      网友评论

        本文标题:ES6——箭头函数

        本文链接:https://www.haomeiwen.com/subject/lhdnactx.html