对this对象的理解

This 是指函数被调用是的上下文，它指向最后一次调用这个方法的对象。this的值并不是在函数定义时确定的，而是在函数被调用时确定的。在实际开发中，this 的指向一般可以通过四种调用模式来判断。

1、函数调用

当一个函数不是一个对象的属性时，直接作为函数来调用时，this的值在非严格模式下为全局对象（在浏览器环境中为window），在严格模式下为undefined。

function fun() {
  console.log(this);
}

fun();  // 非严格模式下输出window，严格模式下输出undefined

2、方法调用

如果一个函数作为一个对象的方法来调用时，this 指向这个对象

var obj = {
  value: 6,
  say: function() {
    console.log(this.value);
  }
};

obj.say();  // 输出6

3、构造器调用模式

如果一个函数用 new 调用时，函数执行前会新创建一个对象，this 指向这个新创建的对象。

function Test(value) {
  this.value = value;
}

var obj = new Test(8);
console.log(obj.value);  // 输出8

4、 apply 、 call 和 bind 调用模式

这三个方法都可以显示的指定调用函数的 this 指向。

call方法接收两个参数，第一个参数是this的值，第二个参数是传递给函数的参数列表。

apply方法也接收两个参数，第一个参数是this的值，第二个参数是一个数组或类数组对象，其中的数组元素将作为单独的参数传给fun函数。

bind方法创建一个新的函数，当这个新函数被调用时，bind的第一个参数将作为它运行时的this，之后的一序列参数将会在传递的实参前传入作为它的参数。

才文章借鉴了一下博主的优秀文章

原文链接https://download.csdn.net/blog/column/11975413/138425405