this的用法

一、引

this的指向是个很经典同时也很无脑的问题，参加面试的话，前端或者后端NodeJs都会被问到相关的题目和知识，如今正好有空余时间，正好详细的整理和学习下this的不同用法和使用情况。

要想理解this的问题，最主要的就是要确定this的指向，因为this关键字只有在被调用或者说被使用的时候才可以取到它，而且都只会在此this的活动区域内去搜索this的指向。

二、不同形式

1.最简单的（默认）

var a = 1;
function print(){
    console.log(this.a);
}
print()  // 1

在 print() 函数内需要打印出 this.a ，当函数不带任何的引用，知识光一个函数执行，则函数内的this会指向全局对象，因为没有其他的地方会改变this，this就会默认指向全局，在Node.js中，全局对象就是 goble 对象。

2.也不难（隐式绑定）

var a = 1;
function print(){
    console.log(this.a);
}
var obj = {
    a : 2,
    print
}
obj.print()  // 2

很明显，这里的 print() 被包含在了 obj 内，被obj 所拥有，函数也是被 obj 所调用的。所以，this 的指向就指向了 obj 内部的 a。

3.一点点难受（显式绑定）

var a = 1
function test () {
    console.log(this.a)
}
var obj = {
    a: 2,
    test
}
var testCopy = obj.test
testCopy.call(obj)  // 2

好了，这里开始讲 call()、apply() 、bind()，除去 bind()
有点另类，另外俩个是一样的，要想弄清楚，先来看看函数的调用。

func(p1, p2) 
obj.child.func(p1, p2)
func.call(context, p1, p2)

上面三种都是调用函数的方法，其实只有第三种才是真正意义上的函数调用，第一第二种只是简化版或者说语法糖。上面俩种也是可以写为第三种，如下：

func.call(undefined, p1, p2)
obj.child.method.call(obj.child, p1, p2)

这样就可以解释了this的指向了，testCopy.call(obj) 的this指向了obj内部，所以输出了2。

this 就是你 call 一个函数时，传入的第一个参数。

4.我也不知道难不难（New绑定）

var a = 1
function test (a) {
    this.a = a
}
var b = new test(2)
console.log(b.a)

new这个操作符其实是new了一个新对象出来，而被new的test我们称为构造函数，我们可以在这个构造函数里定义一下将要到来的新对象的一些属性。那么在构造函数里，我们怎样去描述这个还未出生的新对象呢？没错，就是用this。所以构造函数里的this指的就是将要被new出来的新对象。

5.不难但挺重要(箭头函数)

var a = 1
var test = () => {
    console.log(this.a)
}
var obj = {
    a: 2,
    test
}
obj.test()   //1

箭头函数的this指向很固定，它this指向的是它的外层作用域this的指向。记住即可