this 的4种基本用法

this 是 JavaScript 的一个关键字，是函数运行时自动生成的内部对象，只能在函数内部使用。

一般有如下4种用法：

1. 在一般函数中调用 this 代表全局对象。

function test(){
 this.x = 1;
 console.log(x);
}
test(); // 1 

换种写法来验证上述写法：

var x = 1;
function test(){
  console.log(x);
}
test(); // 1 

2. 作为对象方法的调用，代表上级对象。

var obj = { x : 1, test : function(){
     console.log(this.x);
  }
}
obj.test(); //1

  又比如，我们再举个例子：

var obj = { x : 1, test :function (){
   console.log(this.x);
  }
}
obj.test(); //1
var anotherObj = { x : 2};
anotherObj.test = obj.test;
anotherObj.test(); //2

3. 作为构造函数调用，代码 new 出的对象。

var x = 0;
function test(){
 this.x = 1;
}
var obj = new test();
console.log(obj.x); // 1

4. 使用 call,apply,bind 绑定的,this指的是绑定的对象。

var x = 0;
function test(){
  console.log(this.x);
}
var obj = { x : 1, fun :test};
obj.fun.apply(); //0
obj.fun.apply(obj); //1

这里我们以 apply 为例子，apply 是函数对象的一个方法，它的作用是改变函数的调用对象，传入的第一个参数就是改变后调用这个函数的对象，当传入参数为空时，指的就是 window 。

一般情况下，如果没有找到直接调用者，则 this 指的是 window,在严格模式下（'use strict'）,没有直接调用者的函数中的 this 为 undefined。