this指向,是我们在开发中不得不关注的一个点,当我们进行事件处理时,如果疏忽this的指向问题,可能会发生意想不到的错误。
那么,让我们来了解一下this吧。
this呢,是函数的内置对象,所以,this只能出现在函数里
this的四种指向:
当this所在的函数是事件处理函数时,this是当前事件源(即DOM对象)
当this所在的函数是构造函数时,this是new出来的对象(即JavaScript对象)
当this所在的函数是类的方法时,this是方法所属的对象(即调用方法时前面写的对象)
当this所在的函数没有明确的对象时(调用函数时,函数名前啥也没有),那么this是window对象
window是所有对象的根对象,JavaScript代码中所有的全局变量都是window对象的属性,所有的全局函数都是window对象的方法,只不过一般情况下window都是可以省略的。
总而言之,this的指向就是承载它的载体。
我们经常会通过调用this.xxx来获取一些数据,但是往往会报一些错误,这时有可能就是this指向问题。
各位小伙伴在开发中千万不要忽视this的指向问题,当遇到问题时,不妨试试控制台打印一下this,看看指向源是什么,以便找出问题并解决。
如有问题,请指出,接收批评。
网友评论