JavaScript 箭头函数,闭包函数中的this指向

本文探讨JavaScript中箭头函数和闭包函数中的this指向。箭头函数的this不是在执行时确定,而是继承自定义时的作用域,这可能导致在作为方法调用时出现意外结果。同时,当this在调用者内部未定义时,它并不会向上查询作用域链,而是返回undefined。总结了不同调用方式下this的指向规则,包括作为函数调用和作为方法调用的情况,特别指出箭头函数不适用bind、apply和call方法改变this。
摘要由CSDN通过智能技术生成
箭头函数,闭包函数中的this指向

在javscript中,this 是在函数运行时自动生成的一个内部指针,它指向函数的调用者。

箭头函数有些不同,它的this是继承而来, 默认指向在定义它时所处的对象(宿主对象),而不是执行时的对象。

var name = "window";
var test = {
    name:"demo",
    // 传统函数
    getName1: function(){
        console.log(this.name);  // demo
        var that = this;
        setTimeout(function(){
            console.log(this.name);  // window
            console.log(that.name);  // demo
        },500)
    },
 
    // 箭头函数-作为异步回调
    getName2:function(){
        setTimeout(()=>{
            console.log(this.name)  // demo
        },500)
    },
 
    // 箭头函数-作为直接执行的方法
    getName3:()=>{
        console.log(this.name)  // window
    }
};

如上getName3(),将箭头函数作为直接执行的方法来写时要特别小心,它的this会直接指向window。

我发现真是有趣
箭头函数this的指向就像人一出生下来就决定了的事情

出生时候爸爸所在的环境 = {
    你的姓: "张",
    出生:function(
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值