【JavaScript】this对象

this指向问题

this是一个特殊的对象，他在标准函数和箭头函数中又不同的行为。在标准函数中，this对象会在运行时绑定到执行函数的上下文，如果在全局函数中调用，则this在非严格模式下指向window，在严格模式下等于undefined。如果作为某个对象的方法调用，则this等于这个对象（因而this的指向需要看函数在哪里调用，而非在哪里定义）。这时候通常称其为this值。来看下面例子：

window.color = "pink";
let o = { color : "red" };
function sayColor(){
	console.log(this.color);
};

sayColor();//"red"，在全局调用，this指向window；严格模式下会报错

o.sayColor = sayColor;
o.sayColor();// "red"，this指向调用者

this到底引用哪个对象必须到函数被调用的时候才能确定。因此这个值在代码执行的过程中可能会变，如果在全局上下文中调用则this执行window，this.color相当于window.color。而将sayColor()赋值给o后，this指向了o，即this.color相当于o.color。

永远记住this指向调用者，但是需要好好注意一下这个调用者是谁？是函数？是对象？

有读者知道，在事件回调或者定时回调中调用某个函数时，this值指向并非想要的对象。此时将回调函数写成箭头函数可以解决这个问题。这是因为箭头函数中的this会保留定义函数时的上下文（即箭头函数中的this仅在箭头函数作用域中有效）。

注意：

• 函数名只是保存指针的一个变量。因此全局定义的sayColor()函数和o.sayColor()时同一个函数，只不过执行的上下文不同。
• 匿名函数不会被绑定到任何对象，永远指向全局上下文对象window，严格模式下为undefined。