JS中的this指向问题

1. 普通函数的this指向

原则：
- 函数执行，首先看函数名前面是否有“.” ，有的话， “.”前面是谁，this就是谁；没有的话this就是window；
- 立即执行函数的this永远指向window；
- 给元素的某一事件绑定方法，当事件触发的时候，执行对应的方法，方法中的this是当前元素。

2. 函数中的方法的this指向

function A() {
	function B() {
		console.log(this);
	}
	B();
}
A();          // window

3. 对象中的方法的this指向

let obj = {
	a: function() {
		console.log(this);
	}
}
obj.a();           // obj

4. 箭头函数的this指向

箭头函数没有自己的this指向，它的this继承于自己上层作用域的this。

var name = 'window'; 

var A = {
   name: 'A',
   sayHello: () => {
      console.log(this.name)
   }
}

A.sayHello();// 还是以为输出A ? 错啦，其实输出的是window

这里的箭头函数，也就是sayHello，所在的作用域其实是最外层的js环境，因为没有其他函数包裹；然后最外层的js环境指向的对象是winodw对象，所以这里的this指向的是window对象。