JavaScript中的this很容易让人迷惑，但弄清楚后其实还是很好区分的。JavaScript中的this总是指向一个对象，而具体指向哪个对象是在运行时基于函数的执行环境动态绑定的，不是函数声明时的环境。
实际能区分如下4种的情况就Ok了。
- 函数作为对象的属性调用时
- 作为普通函数时
- 构造器中
- Function.prototype.apply/call 时
下面来分别讲讲。
作为函数属性被调用
当函数作为对象的属性（方法）被调用时，this指向该对象
const obj = {
name: 'Asher',
getName: function () {
console.log(this === obj); // true
console.log(this.name); // 输出Asher
}
}
obj.getName();
作为普通函数调用
当函数不作为对象的属性被调用时，就是普通函数的方式，此时的this总是指向全局对象。浏览器环境更里，这个全局对象就是window对象。
window.name = 'global asher';
const getName = function () {
console.log(this.name)
}
getName() // 输出global asher
下面情况与第一种情况会让人很迷惑
由于obj.getName方法被另外一个变量引用后再调用，此时已经是做为普通函数调用了，故this指向的是windowwindow.name = 'global' const obj = { name: 'ahser', getName: function () { console.log(this.name); } } const getName = obj.getName; getName() // 输出global
构造器
当函数使用new执行是，函数是作为构造器的，this指向的是生成的对象
const myClass = function () {
this.name = 'Asher';
}
const obj = new myClass();
console.log(obj.name) // 输出Asher
apply & call 调用
这两种调用方式就很灵活了，可以动态的改变函数this的指向。
const obj1 = {
name: 'Asher',
getName: function () {
return this.name
}
}
const obj2 = {
name: 'Tan'
}
console.log(obj1.getName()) // output: Asher
console.log(obj1.getName.call(obj2)) // output: Tan
掌握了这四种情况的this指向，就基本上完全理解了JavaScript的this了，不会再被迷惑this指向的是哪个对象。
