总结下js里的this指向问题

this在js里很灵活，不同的情况指向不同，this的指向问题对于新手来说很容易晕，先说几个结论
1.在全局环境下，this指向window
2.在函数里，this始终指向该函数的调用者（如果是多级调用，指向离该函数最近的调用者）
3.当通过new关键字生成构造函数的实例时，构造函数里的this指向这个新生成的实例
4.箭头函数里没有属于它自己this，this等于包裹箭头函数的外层环境的this，故这个外层环境被什么调用，箭头函数里的this就指向什么
5.this的指向可以通过call，apply，bind改变

接下来分别看例子

可以看出，在全局环境下，this指向Window

tk函数的这两种调用方法是一样的，这里tk函数的调用者是window，故tk函数里的this指向window，打印出1

这里b函数的调用者是tk对像，故b函数里的this指向tk对像，故打印出2。这里有一种写法上的坑，如下图

感觉代码都差不多，但这里打印出了1，原因就是var c=tk.b()并没有真正的执行b函数，只是c指向了b函数，下一行c()等价于window.c()，所以是window调用了tk对像的b函数，打印出1，接下来再来看看多级调用的情况

tk.b.c()，这里是多级调用，上面说了如果是多级调用，this指向离该函数最近的调用者，c函数最近的调用者是b对像，b对像里a的值是3，故打印出3，然后再看看构造函数里的this

tk构造函数里给this.a赋值为1，所以this指向的对像肯定有一个属性a，a的值是1，可以看到，构造函数里的this指向这个新生成的实例。es6出了箭头函数，再来看看箭头函数里的this

这里如果把箭头函数换成普通函数，b函数的调用者是tk对像，打印结果肯定是2，但这里却是1，因为这里是箭头函数，上面说了，箭头函数里没有属于它自己this，this等于包裹箭头函数的外层环境的this，故这个外层环境被什么调用，箭头函数里的this就指向什么。这里包裹箭头函数的外层环境是tk对像，tk的调用者是window，所以打印出1，如果不信，我们借用call来改变this指向再看一个例子

这里包裹箭头函数b的外层环境是tk，用tk.call(obj)，等于obj调用tk，打印出obj里的a为2，故如果是箭头函数里的this，直接看包裹箭头函数的外层环境被什么调用，箭头函数里的this就指向什么