箭头函数

箭头函数:ES6标准新增了一种新的函数

Arrow Function(箭头函数)

  • 箭头函数写法:比较简洁
  • 箭头函数说明:
  • 箭头左边为传入参数,右边为函数体
  • 参数:当传入参数只有一个时可以不写括号直接写参数
  • 参数:当没有参数或者参数为二个以上时,需要加上括号
  • 函数体:当函数体没有返回值时,需要加上大括号
  • 函数体:当函数体有返回值时,不需要加上大括号

( )=> { }

  • 箭头的左边为传入的参数,当传入的参数为多个时需要加上括号
  • 箭头右边有括号时,是没有返回值(相当于没有return)
  • Array.map() 返回一个新数组

在这里插入图片描述
在这里插入图片描述

  • 对比一下 function 函数,情况都是一样的
    在这里插入图片描述
    在这里插入图片描述

  • 有返回值的情况:数组里的值都乘以2.返回一个新的数组,对比一下箭头函数
    在这里插入图片描述
    在这里插入图片描述

  • 箭头函数有返回值的情况:数组和上面一样
    在这里插入图片描述
    在这里插入图片描述

  • 当箭头函数的函数体需要做复杂的逻辑处理最后还返回一个结果
    在这里插入图片描述

  • 加上大括号,在大括号里面做逻辑判断,最后用return 返回结果即可

  • 注意点:

  • 在箭头函数内部是没有 this 的,它的 this 就是父级的 this ,使用function函数

  • 箭头函数不能作为构造函数使用,因为箭头函数不能使用new 会报错,使用function函数

  • 箭头函数没有arguments
    在这里插入图片描述

  • 可以使用rest代替arguments

  • …三个点代表展开运算符,{name:“zs”,age:19} 同等于大括号拆除
    在这里插入图片描述
    在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值