普通函数与箭头函数的this指向问题

建议先看这一篇，通俗易懂： this指向问题

之前看了一个关于普通函数和箭头函数this指向的例子，感觉不太容易懂，就随笔记了下来

// 普通函数
var a = 11
function test1() {
  this.a = 22
  let b = function(){
    console.log(this.a);
  }
  b()
}
var x = new test1() // 11

// 箭头函数
var b = 11
function test2(){
  this.b = 22
  let c = ()=> {
  	console.log(this.b)
  }
  c()
}
var y = new test2() // 22

在test1函数中，函数b()只是在函数test1()中定义了一下，并没有挂载到函数test1()中，也就是说，函数b()并不属于函数test1()。如果让函数b()属于函数test1，要写成this.b = function(){…}的形式。因为函数b()并不属于函数test1()，所以当new test1()时，函数b()中的this.a寻找的是window的a,而不是test1的a。但是在函数test2()中，首先要知道，箭头函数本身是没有this的，箭头函数的this要找上下文，从箭头函数往外找，就找到了函数test2()的a。

总结： 普通函数b()是属于window的函数，找this在window里面找，但是箭头函数c虽然属于window的函数，找this却在上下文里（代码编写的上下文）找