在 JavaScript 中，函数调用是指执行一个函数的过程。一个 JavaScript 函数可以通过在其后加上一对括号使用函数名来调用。当你在 JavaScript 中编写函数代码时，它定义了函数及其表达式和语句。现在，为了评估这些表达式，有必要调用函数。函数调用是函数调用或函数执行的同义词。
JavaScript 函数可以使用函数声明或函数表达式来定义。在函数定义中的大括号内的代码在函数定义时并不会被执行。为了执行这段代码，我们需要调用该函数。
调用函数和调用函数是两个经常互换使用的术语。但我们可以在不调用的情况下调用一个函数。例如，自调用函数就是在没有显式调用的情况下进行调用的。
语法
JavaScript 中函数调用的语法如下：
functionName();
或者
functionName(arg1, arg2, ..., argN);
这里的 functionName 是要调用的函数。我们可以根据函数定义中列出的参数数量传递任意数量的参数。
示例
在下面的例子中，我们定义了一个接受两个参数的 merge() 函数。之后，我们通过传递参数使用函数名来调用该函数。
<html>
<body>
<p id="output"> </p>
<script>
function merge(str1, str2) {
return str1 + str2;
}
document.getElementById("output").innerHTML = merge("Hello", " World!");
</script>
</body>
</html>
输出：
Hello World!
函数构造器的调用
当你使用 new 关键字调用一个函数时，它作为构造函数工作。函数构造器用于根据函数定义创建一个对象。
语法
以下是作为构造函数调用函数的语法。
const varName = new funcName(arguments);
在上述语法中，我们使用 new 关键字调用了函数，并传递了参数。
示例
在下面的例子中，我们将函数作为对象模板使用。在这里，this 关键字代表函数对象，并且我们使用它来初始化变量。
之后，我们使用 new 关键字调用 car 函数以使用函数模板创建一个对象。
<html>
<body>
<p id="output"> The ODCar object is: </p>
<script>
function Car(name, model, year) {
this.name = name;
this.model = model;
this.year = year;
}
const ODCar = new Car("OD", "Q6", 2020);
document.getElementById("output").innerHTML += JSON.stringify(ODCar);
</script>
</body>
</html>
输出：
The ODCar object is: {"name":"OD","model":"Q6","year":2020}
对象方法调用
虽然在这个教程中我们还没有覆盖 JavaScript 对象，但在后续章节中会涉及。在这里，让我们简要了解一下对象方法的调用。
JavaScript 对象也可以包含函数，这种函数被称为方法。
语法
以下是调用 JavaScript 对象方法的语法。
obj.func();
在上述语法中，obj 是包含方法的对象，func 是要执行的方法名。
示例
在下面的例子中，我们定义了一个包含 name 属性和 getAge() 方法的 obj 对象。
在对象之外，我们通过对象引用访问该方法并调用该方法。在输出中，该方法打印了 10。
<html>
<body>
<p id="output">The age of John is: </p>
<script>
const obj = {
name: "John",
getAge: () => {
return 10;
}
}
document.getElementById("output").innerHTML += obj.getAge();
</script>
</body>
</html>
输出：
The age of John is: 10
自执行函数
JavaScript 中的自执行函数是在定义之后立即执行的。不需要调用这类函数来执行它们。自执行函数总是使用匿名函数表达式定义的。这种类型的函数也称为立即调用的函数表达式（Immediately Invoked Function Expressions，IIFEs）。为了调用这些函数，我们将函数表达式包装在一个分组操作符（括号）内，然后添加一对括号。
示例
尝试下面的例子。在这个例子中，我们定义了一个函数，在警告框中显示一条 "Hello World" 消息。
<html>
<head>
<script>
(function () {alert("Hello World")})();
</script>
</head>
<body>
</body>
</html>
其他调用函数的方法
JavaScript 包含两种特殊的方法以不同的方式调用函数。下表解释了每种方法。
| 方法 |
函数调用 |
参数 |
| Call() |
立即调用 |
单独的参数 |
| Apply() |
立即调用 |
参数数组 |
call() 和 apply() 方法之间的区别在于它们如何处理函数参数。我们将在后续章节中逐一学习以上每个方法，并附上示例。