javascript高级程序设计阅读收获(10.9.2)——this

1.在标准函数中

window.color = "red";
let o ={
	color:'blue'
}

function sayColor(){
	console.log(this.color);
}

sayColor();//red

o.sssColor = sayColor;
o.sssColor();//blue
  1. 在标准函数中,this引用的是把函数当成方法调用的上下文对象。
  2. 在网页的全局上下文调用函数时,this指向windows。
  3. 使用对象调用函数的话,函数中的this会指向该对象。

2.在箭头函数中

window.color = "red";
let o ={
	color:'blue'
};

let sayColor = () => console.log(this.color);
sayColor();//red
o.ssColor = sayColor;
o.ssColor();//red
  1. 上面例子中,this不管怎么调用都是window对象,因为这个箭头函数是在window上下文中定义的。
function King(){
	this.color = "red";
	setTimeout(()=>console.log(this.color),1000);
}

function King1(){
	this.color = "blue";
	setTimeout(function(){console.log(this.color)},1000);
}

new King();//red
new King1();//undefined
  1. 箭头函数中的this会保留定义该函数时的上下文。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

木子 旭

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值