JavaScript函数的四种调用模式

本文详细介绍了JavaScript中this参数的四种绑定模式:方法调用、函数调用、构造器调用和apply调用。每种模式下this的绑定规则有所不同,这对于理解和编写JS代码至关重要。

最近读到《JavaScript语言精粹》一书有关函数调用时this参数的阐述,总结如下:

总的来说,JS的函数有4种调用模式:方法调用模式、函数调用模式、构造器调用模式和apply调用模式。四种模式的一大区别在于this参数的初始化方式不同。

1. 方法调用模式

当函数作为对象的一个属性,并通过点操作或下标操作提取时,就是当作方法来调用。此时this参数被绑定到该对象。这个绑定发生在函数调用时,这使得函数可以高度复用this。

2. 函数调用模式

当一个函数不是对象的属性时,就当作函数来调用,this被绑定到全局对象。如果某个内部函数以函数的方式被调用,那么在其中使用this时要注意,此时this绑定的是全局对象,而不是内部函数所在函数的对象。

3. 构造器调用模式

当函数前面加上new来调用,就是构造器调用模式。此时,后台创建一个新对象,该对象的prototype即为该函数的prototype。this就绑定为该新建对象

4. apply调用模式

可以给一个函数指定this参数。使用apply方法,将指定的对象作为第一个参数,参数数值作为第二个参数。例如:

var Status = function(s)
{
	this.status = s;;
	this.getStatus = function()
	{
		return this.status;
	}
};

var myStatus = new Status("OK");
var newStatus = {
	status : "Error"
};

console.log(myStatus.getStatus.apply(newStatus));
console.log(myStatus.getStatus());

第一行输出采用了newStatus对象作为this参数,因此返回的是Error,而第二行输出为OK。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值