JavaScript函数的4种调用方法详解

JavaScript中函数的调用方式有4种，分别是函数调用、方法调用、构造函数调用和apply/call调用。在本篇文章中，我们将针对这4种调用方式进行详细讲解。

函数调用

函数调用是JavaScript中最基础的调用方式。当一个函数作为函数调用时，函数中的this指向全局对象（即window对象）。

以下是函数调用方式的示例代码：

function helloFunc() {
  console.log("Hello World!");
}

helloFunc(); // Output: Hello World!

方法调用

在JavaScript中，对象内部的函数称为方法。通过对象调用方法时，函数中的this指向该对象。

以下是方法调用方式的示例代码：

const person = {
  firstName: "John",
  lastName: "Doe",
  fullName: function () {
    console.log(this.firstName + " " + this.lastName);
  }
};

person.fullName(); // Output: John Doe

构造函数调用

使用构造函数创建实例时，函数中的this指向新创建的对象。通过使用new关键字调用函数，可以使用构造函数调用方式。

以下是构造函数调用方式的示例代码：

function Person(firstName, lastName) {
  this.firstName = firstName;
  this.lastName = lastName;
  this.fullName = function () {
    console.log(this.firstName + " " + this.lastName);
  };
}

const person1 = new Person("John", "Doe");
person1.fullName(); // Output: John Doe

apply/call调用

apply/call调用方式可以显式的设置函数中的this指向。其中apply接受数组或类数组对象作为参数，而call接受若干个参数列表作为参数。

以下是apply/call调用方式的示例代码：

const person = {
  firstName: "John",
  lastName: "Doe"
};

function fullName() {
  console.log(this.firstName + " " + this.lastName);
}

// apply
fullName.apply(person); // Output: John Doe

// call
fullName.call(person); // Output: John Doe

以上是JavaScript函数的4种调用方法的详解。希望本文能为您提供帮助。