彻底搞懂箭头函数 this 的指向问题

        箭头函数没有this,它的this取决于作用域链上的this,它不可以通过 bind 等方法改变this 指向。


const obj = {
    a: () => {
        console.log(this)
    }
}

obj.a()  // 1 .window

const obj = {
    a: function() { console.log(this) },
    b: {
    	c: () => {console.log(this)}
	}
}
obj.a()   // 2. obj
obj.b.c()  // 3 .这里是 window

 3. 中打印出 window 是因为 b是obj的一个属性,它们应该是同一级的作用域

换种话说, 箭头函数 this 的指向是指向上一层普通函数的 this, 

var obj = {
    a : function () {
        setTimeout(function () {
            console.log(this);
        },0);
    },
    b : function () {
        console.log(this);
    }
};
obj.a();   // Window

obj.b();   // object Object

《JavaScript高级程序设计》第二版中,写到:“超时调用的代码都是在全局作用域中执行的,因此函数中this的值在非严格模式下指向window对象,在严格模式下是undefined。

​​​​​​

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值