JavaScript函数.prototype.call() 方法

在 JavaScript 中，每个函数都是一个对象，函数对象有一个称为“原型”的特殊属性，可以通过函数对象的 .prototype 访问。.call() 方法是 JavaScript 中的一个函数原型方法，用于在一个特定的对象上调用函数。

语法

function.call(thisArg, arg1, arg2, ...)

• function：要调用的函数。
• thisArg：可选参数，指定在调用函数时作为 this 值的对象。如果省略该值，则默认为 undefined。（注：thisArg 并不是函数所在作用域内的 this 的值）
• arg1, arg2, ...：可选参数，传递给函数的参数。

描述

.call() 方法通过显式地设置一个指定的 this 值来调用函数。这个方法允许我们调用一个原本不属于该对象的函数，并且可以传递参数。

当我们使用 .call() 方法调用函数时，可以将一个对象指定为函数运行时的 this 值。这样函数内部可以通过 this 来访问该对象的属性和方法。

示例

下面是一个使用 .call() 方法的简单示例：

function greet() {
  console.log(`Hello, ${this.name}!`);
}

const person = {
  name: 'Alice'
};

greet.call(person);  // Hello, Alice!

在上面的例子中，我们定义了一个 greet 函数，它打印出一个问候语句。然后，我们创建了一个 person 对象，其中包含一个 name 属性。通过使用 .call() 方法，我们将 person 对象作为 this 值传递给 greet 函数，并且成功打印出了问候语。

.call() 方法还可以传递参数给函数。下面是一个带有参数的示例：

function greet(greeting) {
  console.log(`${greeting}, ${this.name}!`);
}

const person = {
  name: 'Alice'
};

greet.call(person, 'Hola');  // Hola, Alice!

在这个例子中，我们修改了 greet 函数，使其接受一个额外的 greeting 参数。然后，我们再次使用 .call() 方法来调用该函数，并将 person 对象作为 this 值传递，并传入 'Hola' 作为 greeting 参数。

小结

.call() 方法是 JavaScript 中的一个重要函数原型方法，它允许我们在一个指定的对象上调用函数，并可以传递参数。使用 .call() 方法可以改变函数在运行时的 this 值，从而访问不同对象的属性和方法。