2023/1/15 JS-函数中的this指向问题

@Autowire

于 2023-01-15 18:07:07 发布

阅读量89

点赞数

分类专栏：前端相关知识学习文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/zs18753479279/article/details/128696370

版权

前端相关知识学习专栏收录该内容

34 篇文章 1 订阅

订阅专栏

文章详细解释了JavaScript中this的概念，它通常指代调用函数的对象。在全局作用域中，this指向window。通过new关键字创建实例时，this指向新对象。使用call方法可以改变this的指向。直接调用函数时，this默认指向全局对象。

摘要由CSDN通过智能技术生成

1 this是什么?

任何函数本质上都是通过某个对象来调用的，如果没有直接指定就是window
所有函数内部都有一个变量this
它的值是调用函数的当前对象

2 如何确定this的值?

<script>
    function Person(color) {
        console.log(this)
        this.color = color;
        this.getColor = function () {
            console.log(this)
            return this.color;
        };
        this.setColor = function (color) {
            console.log(this)
            this.color = color;
        };
    }

    Person("red"); //this是谁? window

    const p = new Person("yello"); //this是谁? p

    p.getColor(); //this是谁? p

    const obj = {};
    //调用call会改变this指向-->让我的p函数成为`obj`的临时方法进行调用
    p.setColor.call(obj, "black"); //this是谁? obj

    const test = p.setColor;
    test(); //this是谁? window  -->因为直接调用了

    function fun1() {
        function fun2() {
            console.log(this);
        }

        fun2(); //this是谁? window
    }

    fun1();//调用fun1
</script>