最近读到《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。
本文详细介绍了JavaScript中this参数的四种绑定模式:方法调用、函数调用、构造器调用和apply调用。每种模式下this的绑定规则有所不同,这对于理解和编写JS代码至关重要。
4076

被折叠的 条评论
为什么被折叠?



