教辨别this指向问题 包括箭头函数

在function函数中

function a(){
	console.log(this)
}
a() //window  谁调用就指向谁

对象中

var obj = {
  aaa() {
    setTimeout(function () {
      console.log(this);//window  因为setTimeout是属于window的相当于window.里面的方法
    });
    console.log(this);//obj
  },
};
obj.aaa();

构造函数中

function A (){
	aaa(){
		console.log(this)
	}
}
var a = new A()
a.aaa() // this指向a实例对象  因为是a调用的

在箭头函数中

箭头函数没有this 他会向上一层的作用域找this

ar obj = {
  aaa() {
    setTimeout(function () {
      console.log(this);//window 
      //console.log(this) 这层才是箭头函数的this 这句话的this就是下面这行代码的输出的this
      setTimeout(()=>{
		console.log(this) //window
	  })
    });
    console.log(this);//obj
  },
};
obj.aaa();

所以如果想找箭头函数的this 就相当于在找上一层作用域的this 如果上一层还是箭头函数 那么它会再往上直到找到为止

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值