假设在函数A里使用this
,它就储存着调用函数A的对象的值。(this就指向调用A函数的那个对象)
要获取调用函数A的对象的属性和方法,就需要用到this
,特别是当我们不知道改对象的名称或者没有名称可以指代该对象。所以,需要用this
作为一个快捷方式来指代“先行对象”,也就是调用函数的对象。
思考一下下面这段代码,它展示了如何在JavaScript中使用this
:
因为showFullName()函数里面使用了this,person调用了showFullName()函数,所以this指向person,并存储了person对象得值;
var person = {
firstName :"Penelope",
lastName :"Barrymore",
//因为下方的showFullName方法使用了“this”关键词而且该方法是在person对象里定义的,
//那么“this”就会储存着person对象的值,因为该对象会调用showFullName()方法
showFullName:function () {
console.log (this.firstName + " " + this.lastName);
}
}
person.showFullName (); // Penelope Barrymore
JavaScript this 关键词使用最大的误区
只有当定义this
的函数被对象调用时,this
才会被赋值。如果你理解这个JavaScript原则,那么你就能深刻地理解this
关键词。我们暂且将定义this
的函数称为“THIS函数”。
尽管表面上看起来this
指代的是定义它的对象,但只有当THIS函数被一个对象时,this
才会被赋值。该值完全取决于调用THIS函数的对象。在大部分情况下,this
储存的都是调用对象的值。然而少数情况下this储存的却不是调用对象的值,稍后我会讨论这些情况。