箭头函数

es6箭头函数的学习

在es6中允许使用箭头函数(=>)来定义函数,例如 var f = v=>v

  • 一般情况下我们定义函数都是这样的样式var a = function(x){ 这里面是函数体 },我们可以利用箭头函数来实现函数的简化 var a = ()=>{}
  • 在箭头函数中,我们可以去掉function声明,如果函数中有参数的话,我们可以使用()来包裹参数,如果函数只有一个参数的时候我们可以不用(),然后写=> 然后后面是方法体,如果函数体只有一条语句,我们可以不使用return返回 例如下面几个例子
  • var a = x =>x 或者 var a = () = >5 或者是 var a = (x,y)=>x+y 这都是有返回值的单语句箭头函数
  • 如果箭头函数的代码块部分多于一条语句,就要使用大括号将它们括起来,并且使用return语句返回。
    var a = (x,y) =>{ x=x+2,return x=y }
  • 如果箭头函数直接返回一个对象,必须在对象外面加上括号,否则会报错。
    let getTempItem = id => { id: id, name: "Temp" };这个语句是错误的,我们可以使用let getTempItem = id => ({ id: id, name: "Temp" });
  • 如果我们有一个函数,语句只有一句并且没有返回值,那么我们不应该使用var a=()=>语句,我们应该使用let fn = () => void doesNotReturn();

使用箭头函数的注意点(最重要的一点就是this指向问题)

  • 函数体内的this对象就是定义时所在的对象,而不是使用时所在的对象
  • 不可以当做构造函数,不能使用argumetns
  • 不可以使用yield命令

关于使用箭头函数this指向的问题

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值