JS This问题，随手笔记

最新推荐文章于 2025-06-06 01:31:59 发布

云VS仙

最新推荐文章于 2025-06-06 01:31:59 发布

阅读量154

点赞数

分类专栏：前端琐碎知识文章标签： javascript 前端 es6

本文链接：https://blog.youkuaiyun.com/qq_39328273/article/details/121166577

版权

前端琐碎知识专栏收录该内容

2 篇文章

订阅专栏

本文通过实例解析了JavaScript中`this`指向的改变，介绍了函数内部的`this`行为，以及为何`b`在不同上下文下返回`undefined`和`Window`。重点在于如何直观掌握`this`在对象方法和全局作用域中的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 var a = {
            user: "追梦子",
            fn: function() {
                console.log(this.user);
            }
        }
        a.fn(); //追梦赤子心
        b = a.fn; 
        b();//undefined

修改一下

 var a = {
            user: "追梦子",
            fn: function() {
                console.log(this);
            }
        }
        a.fn(); //{user: '追梦子', fn: ƒ}
        b = a.fn; 
        b();//Window

这样修改就对此类型的this有一个更直观的了解。之所以第一个b是undefined，b只指向了对象a的一个函数，没有user这个元素。
而下面的b this是window，b函数的上一层没有其他对象，直接是window，所以直接回指向window。

本文章没有结束，后续遇到this问题笔者会继续更新。把问题消化再呈现出来。2021-11-05