怎样用 JavaScript 创建一个调用每个传入函数的函数

在 JavaScript 编程中，创建一个能够调用每个传入函数的函数是一项很实用的技能。这不仅有助于代码的模块化和复用，还能提升代码的灵活性和可维护性。

我们要明确这个函数的基本结构。它需要接收多个函数作为参数，然后依次执行这些函数。以下是一个简单的示例：

function callFunctions(...funcs) {
    for (let func of funcs) {
        if (typeof func === 'function') {
            func();
        }
    }
}

在上述代码中，我们定义了一个名为 callFunctions 的函数，它使用了剩余参数语法 ...funcs 来接收任意数量的函数作为参数。接着，通过 for...of 循环遍历这些参数。在每次循环中，使用 typeof 检查当前参数是否为函数。如果是函数，就调用它。

为了更好地理解这个函数的工作原理，我们来添加一些测试函数：

function function1() {
    console.log('这是 function1');
}

function function2() {
    console.log('这是 function2');
}

callFunctions(function1, function2);

运行这段代码，控制台会依次输出“这是 function1”和“这是 function2”，表明 callFunctions 函数成功地调用了传入的每个函数。

传入的函数也可以带有参数。我们对 callFunctions 函数进行修改，让它可以传递参数给被调用的函数：

function callFunctionsWithArgs(...funcs) {
    const args = Array.from(arguments).slice(funcs.length);
    for (let func of funcs) {
        if (typeof func === 'function') {
            func(...args);
        }
    }
}

在这个新函数中，我们使用 Array.from(arguments).slice(funcs.length) 提取了除函数参数之外的其他参数。然后在调用函数时，使用展开运算符 ... 将这些参数传递给被调用的函数。

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

callFunctionsWithArgs(addNumbers, 3, 5);

上述代码会在控制台输出 8，说明参数成功传递给了被调用的函数。

通过这种方式，我们能够创建一个灵活且强大的函数，根据需求调用多个传入的函数，并可以方便地传递参数，为 JavaScript 编程带来更多便利和可能性。