es6箭头函数总结

箭头函数,想必大家在工作当中非常常用,语法简单,省去了你敲function的烦恼,毕竟我也经常敲错,这样一来,每次写个函数少敲7个字母,想想也非常舒服,箭头函数非常好用,但是也有几个非常重要的知识点,如下:


(1)函数体内的this对象,也就是定义所在的对象,而不是使用时所在的对象
此话怎讲下面放一段代码:
图片描述

上面这个函数,因为当前的this指向并不是vue对象,所以用that变量保存this的指向,所以在获取成功之后的回调函数当中,可以赋值newList,从而拿到数据,但是如果利用一下箭头函数的的特性,代码可以变得更加优雅。
图片描述

此时将then当中的回调函数改写成箭头函数,就不用担心拿不到正确的this了,因为箭头函数体内的this对象,是定义所在的对象,而不是使用时所在的对象,箭头函数体内的this跟调用者是没有半毛钱关系的


(2)不可以当做构造函数,也就是说,不可以使用new命令,否则会抛出一个错误


(3)不可以使用arguments对象,该对象在函数体内不存在。如果要用,可以用 rest 参数代替。


(4)不可以使用yield命令,因此箭头函数不能用作 Generator 函数。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值