Javascript 函数的四种调用模式

Javascript 函数可以通过四种不同的方式进行调用，每种调用方式都有对应的特点和使用场景，下面详细介绍一下这四种调用模式。

1. 函数调用模式

函数调用模式是最简单的调用方式，也是最常见的方式。我们可以直接调用一个函数，例如：

function greet(name) {
  console.log('Hello, ' + name);
}

greet('Tom');

在上面的例子中，greet 函数被直接调用，并传入了一个字符串参数。函数内部会将这个参数打印出来。

2. 方法调用模式

方法调用模式是在对象上调用函数。在这种方式中，函数被赋值给对象的一个属性。例如：

var person = {
  name: 'Tom',
  greet: function() {
    console.log('Hello, ' + this.name);
  }
}

person.greet();

在这个例子中，我们定义了一个 person 对象，并在该对象上定义了一个 greet 函数。在函数内部，我们使用了 this 关键字引用了对象本身。然后我们通过 person.greet() 调用了函数，this 关键字将会指向 person 对象，打印出 Hello, Tom。

3. 构造器调用模式

构造器调用模式是使用 new 关键字来调用一个函数。在这种方式中，函数被用来创建一个对象实例。例如：

function Person(name) {
  this.name = name;
  this.greet = function() {
    console.log('Hello, ' + this.name);
  }
}

var person = new Person('Tom');
person.greet();

在这个例子中，我们定义了一个构造函数 Person，并在函数内部定义了一个 greet 函数。然后我们使用 new 关键字来初始化 Person 的一个实例，传入一个字符串参数。在初始化的过程中，this 关键字将会指向新创建的实例对象，最后我们通过 person.greet() 来调用 greet 函数，this 关键字指向 person 对象，打印出 Hello, Tom。

4. apply/call 函数调用模式

用 apply 或 call 方法可以动态地改变函数的 this。这种方式通常用于在函数内部调用“外部”的函数，并改变函数内部 this 的指向。例如：

var person1 = { name: 'Tom' };
var person2 = { name: 'Jerry' };

function greet() {
  console.log('Hello, ' + this.name);
}

greet.apply(person1);
greet.call(person2);

在这个例子中，我们定义了两个对象 person1 和 person2，以及一个函数 greet。然后我们使用 apply 和 call 方法来调用 greet 函数，分别传入 person1 和 person2 对象作为函数的上下文，这样函数内部的 this 就会指向相应的对象，打印出 Hello, Tom 和 Hello, Jerry。

以上是 Javascript 函数的四种调用模式，每个模式都有其特定的使用场景，理解和巧妙地应用这些模式将会对 Javascript 的编程产生很大的帮助。