JavaScript中call方法的用法与继承模拟详解

首先参考官方文档的定义说明：

call方法定义与语法

call 方法

请参阅相关文档

适用于：Function 对象

前置要求

版本 5.5

该方法用于调用一个对象的方法，同时用另一个对象替换当前的执行上下文对象。

语法格式为：call([thisObj[,arg1[, arg2[, [,.argN]]]]])

参数说明

thisObj

可选参数。指定作为当前对象使用的目标对象。

arg1, arg2, , argN

可选参数。指定传递给被调用方法的参数序列。

详细说明

call 方法的主要用途是替代另一个对象来调用特定方法。它能够将函数的执行上下文从初始环境切换为由 thisObj 指定的新对象环境中。

若未提供 thisObj 参数，则默认使用全局对象（Global Object）作为 thisObj。

初看可能令人困惑，下面进行基础解析：

调用形式为：obj1.method1.call(obj2,argument1,argument2)

上述语法表明，call 的作用是将 obj1 的方法迁移到 obj2 上执行，后续的参数（如 argument1 等）将作为实参传入。

基础调用示例

通过一个具体示例进行说明：

 
function add(a,b)
{ 
alert(a+b);
} 
function sub(a,b)
{ 
alert(a-b);
} 
add.call(sub,3,1);

该示例的含义是使用 add 函数替代 sub 函数进行调用。add.call(sub,3,1) 的效果等同于直接调用 add(3,1)，因此执行结果为弹出提示框显示 4。需注意：在 JavaScript 中，函数本质上是对象，函数名即是对 Function 对象的引用。

改变执行上下文

接下来看一个稍复杂的场景：

 
function Class1()
{ 
this.name = "class1";
this.showNam = function()
{ 
alert(this.name);
} 
} 
function Class2()
{ 
this.name = "class2";
} 
var c1 = new Class1();
var c2 = new Class2();
c1.showNam.call(c2);

此处 call 的含义是将 c1 的方法应用到 c2 上执行。尽管 c2 原本没有 showNam() 方法，但通过 call 将 c1 的 showNam() 挂载到 c2 上执行，此时 this.name 指向 c2 的属性，因此值为 "class2"，最终弹出提示框显示 "class2"。

模拟继承机制

这种机制允许对象 a 执行对象 b 的方法，这在 Java 程序员眼中可能难以想象。此外，还可以利用 call 来实现继承效果。

 
function Class1()
{ 
this.showTxt = function(txt)
{ 
alert(txt);
} 
} 
function Class2()
{ 
Class1.call(this);
} 
var c2 = new Class2();
c2.showTxt("cc");

通过 Class1.call(this)，Class2 实现了继承。该语句意为使用 Class1 对象替代当前的 this 对象，从而使 Class2 拥有 Class1 的所有属性和方法。因此，c2 对象可以直接调用 Class1 的方法及属性，执行结果弹出提示框显示 "cc"。

多重继承实现

确实如此，这就是 JavaScript 模拟面向对象中继承的方式，甚至可以实现多重继承。

 
function Class10()
{ 
this.showSub = function(a,b)
{ 
alert(a-b);
} 
} 
function Class11()
{ 
this.showAdd = function(a,b)
{ 
alert(a+b);
} 
} 
function Class2()
{ 
Class10.call(this);
Class11.call(this);
} 

只需使用两次 call 即可实现多重继承。

当然，JavaScript 的继承还有其他实现方式，例如原型链继承，这不在本文讨论范围内，此处仅旨在说明 call 的用法。

与apply方法的对比

既然提到了 call，自然也要提及 apply，这两个方法的核心功能基本一致。

两者的主要区别在于第二个参数：call 的第二个参数可以是任意类型，而 apply 的第二个参数必须是数组或 arguments 对象。

此外还有 callee 和 caller，它们的用法与 call 不同，将在后续内容中讲解。