如何使用 JavaScript 创建一个调用每个提供的函数的函数？

JavaScript创建调用函数

在 JavaScript 中，可将函数视为一种独立的对象，可以通过函数名以及其参数调用函数。但这种做法只能用于单个函数的调用，如果需要调用多个函数，就需要编写大量的重复代码，这样就会造成不必要的复杂性。因此，我们可以把这些函数名放到一个数组中，然后通过循环调用这些函数。在本文中，我们将学习如何使用 JavaScript 创建一个调用每个提供的函数的函数。

准备工作

在开始编写代码之前，我们需要创建一些测试函数，以便在后面调用它们。

function add(a, b) {
  return a + b;
}
function subtract(a, b) {
  return a - b;
}
function multiply(a, b) {
  return a * b;
}

以上三个函数是我们将用于测试的样本函数。现在我们可以开始着手编写我们的目标函数。

创建调用函数

我们的目标是编写一个函数，它将接收一个函数数组作为参数，并依次调用数组中的每个函数。以下是函数代码：

function callFunctions(functions) {
  for (var i = 0; i < functions.length; i++) {
    functions[i]();
  }
}

这个函数使用了一个 for 循环来遍历传入的函数数组，然后通过函数名直接调用每一个函数。现在我们需要在上面的测试函数中调用 callFunctions 函数。

var functions = [add, subtract, multiply];
callFunctions(functions);

在上面的示例中，我们将 add、subtract 和 multiply 函数添加到数组 functions 中，并将该数组作为参数传递给 callFunctions 函数。

完整代码

现在，我们将所有代码整合到一起，以便在浏览器中运行并测试它们。

function add(a, b) {
  return a + b;
}
function subtract(a, b) {
  return a - b;
}
function multiply(a, b) {
  return a * b;
}
function callFunctions(functions) {
  for (var i = 0; i < functions.length; i++) {
    functions[i]();
  }
}
var functions = [add, subtract, multiply];
callFunctions(functions);

在浏览器控制台中运行这个代码块，将看到以下输出：

TypeError: functions[i] is not a function

这里出现了一个错误，因为我们忘记了将参数传递给调用的函数。我们可以将函数参数和函数参数数组作为 callFunction 函数的参数传递。

function add(a, b) {
  console.log(a + b);
}
function subtract(a, b) {
  console.log(a - b);
}
function multiply(a, b) {
  console.log(a * b);
}
function callFunctions(functions, a, b) {
  for (var i = 0; i < functions.length; i++) {
    functions[i](a, b);
  }
}
var functions = [add, subtract, multiply];
callFunctions(functions, 5, 2);

现在，我们在浏览器控制台中再次运行代码，它将输出以下内容：

7
3
10

现在，我们成功地创建了一个调用提供的函数数组的函数。

结论

在本文中，我们使用 JavaScript 创建了一个调用每个提供的函数的函数。我们使用函数数组和循环来调用函数。我们首先创建了一些样本函数和 callFunctions 函数，然后将这些函数放入数组中，并通过调用 callFunctions 函数来实现调用这些函数的目的。