<JavaScript>弄懂this,看这一篇就够了!

归根结底,this的指向就是一句话:谁最终调用函数,this就指向谁,和定义函数没关系

1.this指向的,永远只可能是对象!
2.this指向谁,永远不取决于this写在哪,而是取决于函数在哪调用。
3.this指向的对象,称之为函数的上下文,即函数调用者。

下面看几种情况

通过函数名()直接调用:this指向window

function func (){
	console.log( this );
}
func();		//this --> window

通过 对象.函数名()调用的:this指向这个对象

function func(){
	console.log(this);
}
//狭义对象
var obj = { };
obj.func();		//this --> obj

//广义对象
document.getElementById('div').onclick = function(){
	this.style.backgroundColor = "red";
};				//this --> div

函数作为数组的一个元素,通过数组下标调用,this指向这个数组

function func(){
	console.log( this );
}
var arr = [ func , 2 , 3 , 4 ];
arr[0]();	//this --> arr

函数作为window内置函数的回调函数调用:this指向window(setInterval、serTimeout等)

function func () {
	console.log( this );
}
setTimeout(func,1000);		// this -->	window

函数作为构造函数,用new关键字调用的时候,this指向新new出来的对象

function func (){
	console.log( this );
}
var obj = new func(); // this -->new出来的obj

在这里插入图片描述

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值