箭头函数的this指向

箭头函数的内部石没有this指向的,箭头函数的this指向是由外层函数的作用域来决定的。

var test=()=>{
    console.log(this);
}
test();

默认绑定规则--独立调用对箭头函数无效

var a=0;
function foo(){
    console.log(this);
    
    var test=()=>{
        console.log(this);
    }
    return test;
}

var obj1={
    a:1,
    foo:foo
}

var obj2={
    a:1,
    foo:foo
}

obj1.foo()();//独立调用,按道理是指向window的,但是是箭头函数,无法改变箭头函数的this指向

显示绑定规则对箭头函数无效

 //一般函数此时的this指向为obj2;
var bar=foo().call(obj2);//window

隐私绑定规则对箭头函数无效

var obj3={
    a:1,
    foo:()=>{
        console.log(this);
    }
}

obj3.foo();//隐式绑定

箭头函数是不允许作为构造函数来使用的,new不能实例化箭头函数,如果用作构造函数来使用就会报错。

var foo=()=>{
    console.log(this);
}
foo();//window
new foo();

只要是箭头函数,适用于普通函数的所有绑定规则对于箭头函数都不适用。箭头函数的this指向取决于父环境中的this指向(即箭头函数不存在this指向)

如果箭头函数在全局当中,那么this指向一定是window。

 JavaScript中this的指向_q12as的博客-CSDN博客

JavaScript中this的四种绑定规则的优先级_q12as的博客-CSDN博客

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值