如何创建一个函数来调用带有附加到 JavaScript 中的参数的部分函数的函数？

在本文中，我们将学习创建一个函数，该函数调用一个函数带有附加到它在 JavaScript 中接收的参数的部分。

方法：我们想要实现一个调用另一个函数并提供它接收到的参数的函数。我们可以通过使用(...)扩展/剩余运算符来获得结果。

解释：假设我们创建了一个函数数学来负责传递参数。我们分离出数学函数的参数。第一个参数是为functionName保留的，并通过给出 " . . .params” ，它将引用其他参数作为functionName的参数。我们调用functionName并使用“. . .参数”。

在下面的代码中， math需要很多参数。它将第一个参数保留为函数名，其余参数保留为其参数。

我们可以定义不同的函数，这些函数将从数学函数中获取参数。我们已经定义了函数sum ，它接受所有参数并将它们作为一个数组，将它们作为(... args) ，并遍历它们以执行任务。类似地，还实现了 sub、mul、pow等其他功能。

示例 1：

Javascript

    // Function "math" responsible for
    // passing the arguments
    const math = (functionName,
        ...params) => functionName(...params);
 
    //function to add all passed arguments
    const sum = (...args) => {
        var result = 0;
        for (const val of args) {
            result += val;
        }
        console.log(result);
    }
 
    // Function to subtract all
    // passed arguments
    const sub = (...args) => {
        var result = 0;
        for (const val of args) {
            result -= val;
        }
        console.log(result);
    }
 
    // Function to multiply all
    // passed arguments
    const mul = (...args) => {
        var result = 0;
        for (const val of args) {
            result *= val;
        }
        console.log(result);
    }
 
    // Call to the functions via "math"
    math(sum, 2, 3, 4, 5, 6);
    math(sub, 5, 4, 1);
    math(mul, 2, 3, 5, 6);

输出：数学函数已成功调用其他函数并附加了所需的参数。

20
-10
 0

示例 2：以下示例演示了一个使用前两个参数的函数。它使用了前两个参数，我们的“ args ”指的是剩下的参数留下前两个参数。

Javascript

    const fun = (arg1, arg2, ...args) => {
        console.log(args);
    }
 
    fun(1, 2, 3, 4, 5, 6);

输出：

[ 3, 4, 5, 6 ]