3分钟掌握JavaScript的this用法

JavaScript的关键字有很多,this绝对是其中最重要的一个:它代表函数运行时,内部产生的一个对象,只能在函数内部使用。比如:



this在使用中确实给众多程序员/媛带来了不少便利,但是不理解或者理解得不透彻的人可能就会蒙圈了:为什么有时this指向的对象和预期的不一样?


事实上,随着函数的使用场合不同,this的值会发生变化。但有一个总则是不变的:this指的是调用函数的那个对象


记住this的使用总则,再结合this用法的四种情况分析,妈妈再也不用担心我不会this了:


1、纯粹的函数调用

这是函数最通常的用法,属于全局性调用,此时this指的是全局对象Global。

扫描二维码关注公众号,回复: 865003 查看本文章


2、作为对象方法调用

当函数作为某个对象的方法调用时,此时this指的是这个上级对象。


3、作为构造函数调用

当使用函数new出一个新对象(object)时,也就是所谓的构造函数,此时this指的是这个新对象。


4、apply调用

apply是函数对象的一个方法,它的作用是改变函数的调用对象,它的第一个参数就是改变后的调用这个函数的对象,此时this指的是这第一个参数。

猜你喜欢

转载自blog.csdn.net/yisimo/article/details/77498785