this指向问题
this是一个特殊的对象,他在标准函数和箭头函数中又不同的行为。在标准函数中,this对象会在运行时绑定到执行函数的上下文,如果在全局函数中调用,则this在非严格模式下指向window,在严格模式下等于undefined。如果作为某个对象的方法调用,则this等于这个对象(因而this的指向需要看函数在哪里调用,而非在哪里定义)。这时候通常称其为this值。来看下面例子:
代码语言:javascript复制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。