Javascript 函数的四种调用模式

JavaScript函数的四种调用模式详解

在JavaScript中，函数可以通过多种方式被调用，以下是四种常见的函数调用模式及其特点。

一、函数模式

这是最直接和常见的函数调用方式。我们声明一个函数，然后直接调用它。在这种模式下，函数内部的`this`关键字通常指向全局对象（在浏览器中为`window`）。

例如：

```javascript

function fn1() {

console.log(this);

}

var fn2 = function() {

console.log(this);

};

fn1(); // 输出 window

fn2(); // 输出 window

```

二、方法模式

在这种模式下，函数作为某个对象的方法被调用。函数内部的`this`指向该对象。这种模式在面向对象编程中非常常见。

例如：

```javascript

var obj = {

name: "zhangSan",

sayHi: function () {

console.log(this); // 输出 obj对象

}

};

obj.sayHi();

```

三、构造器模式（构造器调用模式）

当我们使用`new`关键字和一个函数一起使用时，该函数可以作为构造函数来调用。这种模式通常用于创建新的对象实例。在构造函数中，`this`同样指向新创建的对象实例。构造函数可以有一个返回值，但如果没有显式返回其他对象，那么新创建的对象仍然会被返回。如果返回值是一个复杂数据类型（如对象或数组），那么这个返回值会被作为构造函数的实际返回值。否则，新创建的对象仍然会被作为返回值。这种模式和方法模式在本质上是相似的。

四、上下文模式（apply模式）