22this关键字
概述
this是什么
this文键字是Javascript中最复杂的机制之ー。它是一个很特别的关键字，被自动定义在所有函数的作用域中。但是即使是非常有经验的 Javascript开发者也很难说清它到底指向什么。
实际上， Javascript中this的机制井没有那么先进，但是开发者往往会把理解过程复杂化。亳不夸张地说，不理解它的含义，大部分开发任务都无法完成。
this都有一个共同点，它总是返回一个对象。简单说，this就是属性或方法“当前”所在的对象。
为什么使用this
this提供了一种更优雅的方式来隐式“传递”一个对象引用，因此可以将API设计得更加简洁井且易于复用。
随着使用模式越来越复杂，显式传递上下文对象会让代码变得越来越混乱，使用this则不会这样。
调用位置
想要了解this的绑定过程，首先要理解调用位置：调用位置就是函数在代码中被调用的位置（而不是声明的位置）
通常来说，寻找调用位置就是寻找“函数被调用的位置”。最重要的是要分析调用栈（就是为了到达当前执行位置所调用的所有函数
- 函数调用 var v = 100; // this 经常被定义在函数的作用域中 function fn() { // this总是要返回一个对象 console.log(this.v); //this指向哪个对象，不取决于定义的位置 } // this 指向哪个对象，取决于调用的位置 fn(); // 函数的调用 结果为：100（浏览器环境）
- 对象调用 var v = 100; // this 经常被定义在函数的作用域中 function fn() { // this总是要返回一个对象 console.log(this.v); //this指向哪个对象，不取决于定义的位置 } // 定义一个对象，将fn函数作为obj对象的方法 var obj = { v: 200, f: fn, }; obj.f(); //200
- 直接调用 var v = 100; // this 指向哪个对象，取决于调用的位置 console.log(this.v); // 100 （浏览器环境）
绑定规则
默认绑定
在一个函数体中使用this，当该函数被独立调用。可以把这条规则看作是无法应用其他规则时的默认规则。
function fn() {
console.log(this.v);
}
var v = 100;
fn(); //100声明在全局作用域中的变量（比如var v=100)就是全局对象的一个同名属性。当调用fn()函数时，this.v被解析成了全局变量v。
函数调用时应用了this的默认绑定，因此this指向全局对象。
隐式绑定
隐式绑定的规则需要考虑的是调用位置是否有上下文对象，或者说是否被某个对象拥有或者包含。当然，这种说法井不准确。
function fn() {
console.log(this.v);
}
var obj = {
v: 200,
f: fn,
};
obj.f(); //200调用位置会使用obj上下文来引用函数，因此你可以说函数被调用时obj对象“拥有”或者“包含”它。
隐式丢失
隐式丢失是最常见的this绑定问题，指的就是被隐式绑定的函数会丢失绑定对象，也就是说它会应用默认绑定，从而把this绑定到全局对象。
// 定义一个全局变量
var v = 100;
// 定义一个函数
function fn() {
console.log(this.v);
}
// 定义一个对象
var obj = {
v: 200,
f: fn, //对象的f()方法指向fn()函数
};
// 定义一个全局变量,并被赋值为对象obj的f()方法
var fun = obj.f;
// 将fun作为一个函数进行调用
fun(); //nodejs环境下为undefined；浏览器环境下是100
显式绑定
显式绑定就是明确在调用时，this所绑定的对象。 Javascript中提供了apply()方法和call()方法实现，这两个方法的第一个参数接收是一个对象，会把这个对象绑定到this，接着在调用函数时指定这个this。
// 定义一个全局变量
var v = 100;
// 定义一个函数
function fn() {
console.log(this.v);
}
// 定义一个对象
var obj = {
v: 200,
f: fn, //对象的f()方法指向fn()函数
};
// 定义一个全局变量,并被赋值为对象obj的f()方法
var fun = obj.f;
// 将fun作为一个函数进行调用
fun.apply(obj);