让我们来看看,这时候的”this”会是什么呢?
答案是对象c!
当这个函数是对象里面的method时,这时候的this就会指向到包含这个method的对象
JavaScript中关于this的一个bug
让我们更进一步延伸来看这个范例:
假设我们在method log裡面多这一行this.name = "Updated Object C name"
因为我们知道”this”现在指的是对象c,所以可以想像的,当我执行这个method的时候,它会去变更c.name的值。
这个部分是没有什么大问题的,不过让我们继续看下去……。
假设我在method log裡面在做一些变更,我在这个method裡面,另外建立一个函数叫做setname,一样是用this.name = newname
的方式来修改这个object c中name属性的值。
接着执行setname这个函数,希望把object c中name的属性值改成”New name for object c”,最后再去打印”this”来看一下。
结果我们会发现,对象c中name属性的值并没有变成”New name for object c”,竟然还是一样!?怎么会这样呢?
仔细一看,我们回来看一下我们的window object,我们会发现,在window object中发现了一个新的属性”name”,而且值是”New name for object c”。
这是什么意思呢?意思是原来我们刚刚在函数setname里面的this,指向到的是global object (window object),而不再是刚刚的object C!
我们在setname这个function中,用console.log(this)来看一下:
在log这个method中,我们一共执行了三次的console.log(this)结果如下: