【JavaScript】this对象

2023-03-15 08:53:26 浏览数 (2)

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。

0 人点赞