this指向_this指向问题

this指向，是我们在开发中不得不关注的一个点，当我们进行事件处理时，如果疏忽this的指向问题，可能会发生意想不到的错误。那么，让我们来了解一下this吧。 this呢，是函数的内置对象，所以，this只能出现在函数里。让我们来一起看下 this的四种指向吧： 01当this所在函数是事件处理函数时，this指向是当前事件源(dom对象)。如点击事件、鼠标经过事件等，都是事件处理函数，那么此时打印this会明显的看到this所指向的是我们操作的那个dom元素。 02当this所在的函数是构造函数时，this是new出来的对象(即JavaScript对象)。如下代码，函数中的this就是new的这个对象。

function Student(name, sex) {        this.name = name;        this.sex = sex;    }    const stu = new Student('张三', '男')

03当this所在的函数是类的方法时，this是方法所属的对象(即调用方法时前面所写的对象)。如下代码，我们可以看到在调用sayHello时，这个方法所属的对象是stu，这里this指向也是stu这个new出来的对象。

class Student {        constructor(name, sex) {            this.name = name;            this.sex = sex;        }        sayHello() {            console.log('this', this);            console.log(name + "说：你好！");        }    }    const stu = new Student('张三', '男');    stu.sayHello();

04当this所在的函数没有明确对象时(调用函数时，前面啥都没有)，那么this是window对象。

function test() {        console.log('this', this);    }    test();

window是所有对象的根对象，JavaScript代码中所有的全局变量都是window对象的属性，所有的全局函数都是window对象的方法，只不过一般情况下window都是可以省略的。(比如我们平时打印日志都是console.log('xxx')，当然我们也可以写成window.console.log('xxx')，这不过一般都会省略而已)。 总而言之，this的指向就是承载它的载体。 以上 ，就是this的指向问题，各位小伙伴在开发中千万不要忽视this的指向问题，当遇到报错的问题时，不妨试试控制台打印一下this，看看指向源是什么，以便找出问题并解决。 期待能够对你有所帮助~~~