JavaScript 如何创建一个将partials附加到参数中的函数

在本文中，我们将学习在JavaScript中创建一个将partials附加到参数中的函数并调用它。

方法： 我们想要实现一个函数，该函数调用另一个函数并提供它接收到的参数。我们可以使用 (…) 操作符使用展开/剩余操作符来获取结果。

解释： 假设我们创建了一个名为 math 的函数，它将负责传递参数。我们将参数分离出来用于 math 函数。第一个参数是保留给 函数名 的，通过使用”…params”，它将作为 **函数名 的参数而引用其他参数。我们调用 函数名 并使用”…**params”传递剩余的参数。

在以下代码中， math 接受多个参数。它将第一个参数保留为函数名，将其余参数保留为其参数。

我们可以定义不同的函数，它们将从 math 函数中获取它们的参数。我们定义了函数 sum ，它接受所有的参数并通过将它们作为 (…args) 数组进行迭代来执行任务。类似地，我们还实现了 sub，mul，pow 等其他函数。

示例1： 此示例展示了上述解释的方法。

Javascript

<script>
    // 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);
</script>

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

 20
-10
0

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

Javascript

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

输出：

[ 3, 4, 5, 6 ]