美文网首页三月听我说
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箭头函数简介

    @(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新语法,因为语法简单、可读性好,所以使用的也很多。箭头函数也是匿名函数,区别...

  • 关于ES6箭头this的指向问题

    ES6 允许使用 “ 箭头 ” (=>)定义函数。 箭头函数 填 坑。 this的指向是 向上查找 非箭头函数的...

  • ES6箭头函数(Arrow Functions)

    箭头函数是什么?(What) 箭头函数 (Arrow Functions)也称“胖箭头函数”,是ES6全新的特性。...

  • 2019-01-11

    ES6 箭头函数 箭头函数表示法:()=>console.log('Hello') 箭头函数和普通函数的区别 和普...

  • js学习笔记4(函数)

    1.箭头函数 ES6新增属性。箭头函数特别适合嵌入函数的场景。 箭头函数虽然语法简介,但是很多场合不适用。箭头函数...

网友评论

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

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