普通函数和箭头函数this指向

本文详细介绍了JavaScript中普通函数和箭头函数内的this指向规则。在普通函数中,this指向调用者,如示例中obj.sayName()的this指向obj。而在箭头函数中,this保持了声明时的上下文,案例1和案例2展示了不同情况下的this指向,始终指向外层作用域。了解这些规则对于深入理解JavaScript的运行机制至关重要。
摘要由CSDN通过智能技术生成

普通函数内部this指向调用者:

 let obj={
    name:'张三',
    age:12,
    sayName(){
        // this=>obj
        console.log(this.name);
 }
 obj.sayName();//张三

箭头函数内部this指向声明时外部作用域的this:

案例1:

 let obj={
    name:'张三',
    age:12,
    sayName(){
        // this=>obj
        return () => {
            console.log(this);
        }
    }
 }
 obj.sayName()();

案例2: 

let sayName = ()=>{
    console.log(this);
}
sayName();//{}

 

 案例3:

let sayName = ()=>{
    console.log(this);
}
let obj={
    name:'张三',
    age:12,
    sayName(){
       return sayName;
    }
}
obj.sayName()();

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值