美文网首页
箭头函数和函数表达式对比

箭头函数和函数表达式对比

作者: lucky_果果 | 来源:发表于2019-11-28 21:08 被阅读0次

1、 (x1,x2,.....) =>{函数声明}

        (x1,x2,....)=>  表达式

let data  = (x,y)=> return { x*y } 最佳写法:省略return和{}  ==》let data = (x,y) => x*y

参考链接:https://www.dazhuanlan.com/2019/09/28/5d8ecd7dd484e/

1、上下文:调用函数的对象(函数如何被调用)

2、作用域:函数内定义的所有变量(函数如何被定义)

3、箭头函数优点:

(1)适合回调

(2)当只有return,可省略return,不用写代码块,只写一个表达式

(3)直接返回括号括起来的对象文字

缺点:(1)无法将this与其作用域内的this绑定

(2)不能用于构造函数中,箭头函数没有prototype,不能和new一起使用

(3)没有arguements,但是可以通过rest获取。

(4)不能是构造器

相关文章

  • ES6~箭头函数

    什么是箭头函数 单表达式箭头函数 相当于 多表达式箭头函数 箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有...

  • 箭头函数和函数表达式对比

    1、 (x1,x2,.....) =>{函数声明} (x1,x2,....)=> 表达式 let data...

  • ES6的学习(一)

    箭头函数 与函数表达式相比,箭头函数有更短的语法。 复杂时需要{}包裹 箭头函数没有自身的this,从外层继承th...

  • ES6和ES5对比

    函数默认值 箭头函数(函数表达式 --> 箭头函数) 处理多个返回值 (解构) 从 arguments 到剩余参数...

  • 箭头函数与普通函数的区别

    箭头函数: 普通函数: 箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一种只包含一个表达式,连{...

  • ES6的箭头函数(Arrow Function)

    概述 ES6标准新增了一种新的函数:Arrow Function(箭头函数).箭头函数表达式的语法比函数表达式更简...

  • 箭头函数

    箭头函数相比函数表达式具有较短的语法并以词法的方式绑定 this。箭头函数总是匿名的。 为什么要使用箭头函数1 更...

  • ES6--箭头函数

    箭头函数 解释 箭头函数就是个简写形式的函数表达式,并且它拥有词法作用域的this值。另箭头函数总是匿名的。 用法...

  • ES2015箭头函数与普通函数对比理解

    直接返回表达式 包含语句 包含this 不用修正箭头函数的this,this自动指向所在的上下文对象 对比非箭头函...

  • ES6 箭头函数

    箭头函数是一个函数表达式,理论上,任何使用函数表达式的场景都可以使用箭头函数 格式 () => {} 需要注意的...

网友评论

      本文标题:箭头函数和函数表达式对比

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