laluneX 2020-03-17 13:12 采纳率: 0%
浏览 320
已采纳

箭头函数的this问题我有一点糊涂,求救大牛

            var age=50;
            var obj={
                uname:'李明',
                age:20,
                sing:()=>{
                    console.log(this);        //为什么是window呢
                    console.log(this.age);   //为什么是50呢
                }
            };
            obj.sing();
            var obj1={
                uname:'李明',
                age:20,
                sing:function(){
                    console.log(this);                  //为什么是obj1呢
                    console.log(this.age);       //为什么是20呢
                }
            };
            obj1.sing();
  • 写回答

3条回答 默认 最新

  • Todd_Pointer 2020-03-17 14:02
    关注

    箭头函数会捕获this,即定义它的上下文中的 this。 一个简单的判断方法是,把箭头函数替换成 this,这个 this 所引用的值会被捕获。

    比如 const a = { b : ()=>{console.log(this)} } 中箭头函数内的 this 与 const a = { b: this } 中 this 的值相同。

    const a = { b: this } 这个语句不产生新的作用域,那么它的 this 与其前后语句的 this 一致,
    const that = this; const a = { b: this }; const that2 = this 中三个 this 值是一样的。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 问题重发,R语言:代码运行过程中出现如下警告,请求如何解决!
  • ¥15 苍穹外卖拦截器token为null
  • ¥15 pyqt怎么把滑块和输入框相互绑定,求解决!
  • ¥20 wpf datagrid单元闪烁效果失灵
  • ¥15 券商软件上市公司信息获取问题
  • ¥100 ensp启动设备蓝屏,代码clock_watchdog_timeout
  • ¥15 Android studio AVD启动不了
  • ¥15 陆空双模式无人机怎么做
  • ¥15 想咨询点问题,与算法转换,负荷预测,数字孪生有关
  • ¥15 C#中的编译平台的区别影响