在 js 中，this 这个上下文总是变化莫测，很多时候出现bug 总是一头雾水，其实，只要分清楚不同的情况下如何执行就可以了，以下就是我们给大家整理的相关内容：
在JavaScript中有一个很特别、很常用又常常让初学者很困扰的东西 ─ “this”，在这堂课中会来谈谈这个”this”。
this通常会指向一个对象，同时this会在不同的情境下指向不同的对象。让我们来看几个不同的情境，帮助我们更了解”this”。
window object (global object)
这里我们在三种不同情境去打印”this”，分别是在函数的最外层(outer environment)直接去执行；使用fuction statement去执行；使用function expression去执行（如果还不清楚function statement和function expression的差别，可以参考注1）。
结果会发现，这三个”this”都会指向同样的对象，也就是global environment的window object (global object)：
这也就是说，我们可以直接利用这个function和this在window object建立新的属性：
在这里我们利用this.NewVariable = "..."来在window object建立新的属性，函数的最后，我们则可以直接console.log(NewVariable)，这里之所以可以不用打this.NewVariable或window.NewVariable是因为任何在global object (window)的属性，我们都可以直接去使用它，而不用使用”.”。
跑出来的结果会像这样子：
它会打印出我们的”Create a new property”，同时，在window这个大的object中，我们也会找到NewVariable这个属性：
method in object
我们知道，在对象里的值如果是原生值（primitive type；例如，字串、数值、逻辑值），我们会把这个新建立的东西称为「属性（property）」；如果对象里面的值是函数（function）的话，我们则会把这个新建立的东西称为「方法（method）」。
在这里，我们就要来建立method：
首先，我们利用object literal的方式创建一个对象c，里面包含属性name和方法log。log是一个匿名函数（anonymous function），函数内容很简单，就是打印this而已（关于匿名函数可参考注1）。最后则是使用c.log的方式来执行该方法。