JavaScript中的call
方法是一个内置函数,用于调用一个函数,并指定该函数的上下文(即this
的值)。
基本用法
call
方法的语法如下:
functionName.call(thisArg, arg1, arg2, ...);
functionName
:是要调用的函数名。thisArg
:是可选的,用于指定函数上下文。如果未提供,则默认使用全局对象。arg1, arg2, ...
:是要传递给函数的参数列表。
示例
-
调用一个函数并指定上下文:
function greet() { console.log(this.name); } const obj = { name: "John" }; greet.call(obj); // 输出 "John"
在这个例子中,通过调用
greet.call(obj)
来调用greet
函数,并将obj
作为上下文传递给该函数。因此,在greet
函数内部,this
指向obj
对象。 -
调用一个函数并传递参数:
function add(a, b) { return a + b; } const result = add.call(null, 1, 2); // 输出 3
在这个例子中,通过调用
add.call(null, 1, 2)
来调用add
函数,并将参数1和2传递给该函数。由于没有指定上下文,所以默认使用全局对象(在这种情况下为null)。
与apply方法的区别
- 参数传递形式:
apply
方法的第二个参数必须是一个数组或类数组对象,而call
方法可以直接传递多个参数。 - 示例:
function f(p1, p2) { console.log(this.name, p1, p2); } var obj = { name: "obj" }; f.apply(obj, [1, 2]); // 输出 obj 1 2 f.call(obj, 1, 2); // 输出 obj 1 2