js函数调用的方式

下面是详细讲解 JavaScript 函数调用的方式的完整攻略。

直接调用函数

我们可以使用直接调用函数的方式来执行函数。这种方式最为简单，直接在函数名后加上()即可，例如：

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

sayHello(); // 输出 "Hello World"

在上面的例子中，我们定义了一个 sayHello 函数，然后使用 sayHello() 直接调用它。

作为对象的方法调用函数

我们也可以将函数作为对象的方法来调用。对象方法的调用方式是 object.method()，例如：

let person = {
  name: "Tom",
  sayHello() {
    console.log(`Hello, my name is ${this.name}.`);
  }
};

person.sayHello(); // 输出 "Hello, my name is Tom."

在上面的例子中，我们定义了一个 person 对象，其中包含一个方法 sayHello，通过调用 person.sayHello() 来执行这个方法。

使用 call 或 apply 方法调用函数

我们也可以使用 call 或 apply 方法来间接调用函数。这种方式可以让我们更加灵活地控制函数的执行上下文。例如：

function add(a, b) {
  console.log(a + b);
}

add.call(null, 1, 2); // 输出 3
add.apply(null, [1, 2]); // 输出 3

在上面的例子中，我们定义了一个 add 函数，然后通过 call 或 apply 方法来调用它。这里的第一个参数 null 代表执行上下文，表示函数是在全局作用域下执行的。

通过 new 关键字调用函数

最后一种调用函数的方式是使用 new 关键字新建一个对象，并将函数作为构造函数来调用。这种方式创建的对象被称为实例，例如：

function Person(name) {
  this.name = name;
}

let tom = new Person("Tom");
console.log(tom.name); // 输出 "Tom"

在上面的例子中，我们定义了一个 Person 函数，然后新建了一个 tom 实例，最后输出实例的 name 属性。

以上就是关于 JavaScript 函数调用方式的完整攻略。