JavaScript中=> 箭头函数的用法

=> 的作用:
1:将this与当前词法作用域绑定;
2:简化代码; 本来需要 self = this;现在只需要()=>{…} 就可以了;

**p => p.name的含义**:引用codewars的用户 AcesOfGlory的解释如下:
It's called an arrow function and it's part of the new ES6 JavaScript update. It maps the array and looks at every object item in it; for each of the objects (named p), it will return the name (the first item) instead of the whole object.

p => p.name
is the same as

names.map(function(){return p.name})
p = {name: 'Bart'}
p.name = 'Bart'

即它会遍历数组中的每一个字符,并会返回名为p的对象的name属性,而不是返回它的整个对象;
代码如下:

var obj = {
    id: id,
    cool:function Fn(){
    setTimeout(()=>{
        console.log(this.id},100);}
    }
}
obj.cool()

如果没有绑定,就需要这样做:

var obj = {

    id: id,
    cool:function Fn(){
    var self = this;
    setTimeout(timer(){
        console.log(self.id},100);}
    }
}
obj.cool()
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值