JavaScript 如何创建一个使用部分参数调用函数的函数

在本文中，我们将看到如何创建一个函数，在接收到的参数之前使用部分参数调用函数。在理解问题陈述并解决问题之前，首先让我们了解什么是函数（也称为方法）以及如何执行函数。

函数（或方法）是一段执行特定任务的代码块。函数可以在程序中被调用任意次数以执行特定任务。将大型代码分解为小的代码块不仅增加了代码的可读性，而且有助于开发人员在代码的特定部分找到错误。这使程序更加简洁和可信。基本上，为了多次执行特定任务，我们可以将逻辑部分写在一个单独的函数（方法）中，并在程序中需要时使用该函数。

我们可以通过多种方法创建一个简单的函数（方法），例如使用 function 关键字或创建箭头函数，在这两种情况下，语法略有不同，但最终结果仍将相同。以下是我们可以声明函数（方法）并进一步执行的语法：

Javascript

function displayName (name) { 
    return name; 
} 
console.log(displayName("GeeksforGeeks"));

以上代码的输出如下:

GeeksforGeeks

我们可以通过以下语法以箭头函数（ES6版本格式）声明我们的方法或函数 –

Javascript

let displayName = (name) =>{ 
    return name; 
} 
console.log(displayName("GeeksforGeeks"));

上述代码的输出如下所示-

GeeksforGeeks

现在让我们理解一下问题陈述，我们需要找出具体的问题。下面的图示描述了问题陈述-

我们需要创建一个函数，负责调用另一个函数，该函数包含在其中的几个部分（内容）被附加到其中的参数。用户可以使用主函数显示结果，该结果将间接使用包含信息的另一个函数。现在我们已经理解了问题陈述，接下来我们会进一步探讨。我们现在会看到解决这个特定问题的不同方法。

以下是我们可以通过以下方法轻松解决问题的方法

方法1：

这种方法是第一个基本方法，也是本地方法。
在这里，我们将创建我们需要执行问题陈述并获得结果的几个函数。
我们将使用JavaScript中用于任何函数创建的“function”关键字来创建一个函数。
最终，我们将返回嵌套函数的结果，以便它存储在主函数中。
首先，我们将创建一个名为partial的主函数，该函数将包含另一个函数在其参数列表中，并且我们将使用rest运算符“…”以及一个变量，该变量将指示您可以将不确定数量的参数传递给部分函数。
然后，在partial函数内部，我们将返回一个匿名函数，该匿名函数将再次包含一组rest运算符以及“args”变量，该变量指示可以轻松地接受不确定数量的参数。
进一步，我们将返回我们在名为partial的主函数中传递的名为“fn”的函数，最终将返回带有两个变量的rest运算符，该变量最终可以接受不确定的参数列表。
然后，我们将以上声明的函数以这样一种方式使用：创建另一个函数以便我们轻松接受两个参数名字问候和名字，这些参数将由用户自己传递。
然后，我们将结果存储在一个名为greetMessage的变量中，在其中我们将传递我们的主方法以及一个静态的问候消息，进一步，在打印结果到控制台时，会传递名字。

Javascript

function partial(fn, ...partials) { 
  return function (...args) { 
    return fn(...partials, ...args); 
  }; 
} 
  
function greet(greeting, name) { 
  return greeting + " " + name; 
} 
  
let greetMessage = partial(greet, "Hello"); 
  
console.log(greetMessage("GeeksforGeeks"));

以上代码段的输出如下：

Hello GeeksforGeeks

方法2：

这第二种方法是一种更好的方法，也是最简单的方法。
在这种方法中，我们将使用箭头函数（JavaScript的ES6功能）。
我们将创建一个主函数，然后在该主函数内部传入几个其他箭头函数，以便在中间嵌套函数中执行结果，并将其存储到主函数中。
我们将连续创建箭头函数。最后，我们将创建一个变量来存储我们的结果，然后通过特定的变量在控制台上获取结果。
在第一种方法中描述的步骤将保持完全相同，此方法中唯一改变的是在这里使用的箭头函数，这将使我们的代码看起来更短，更可读和更易懂。

Javascript

let partialFunction = (fn, ...partials) => ( 
    ...args) => fn(...partials, ...args); 
  
let greet = (greeting, name) => greeting + " " + name; 
  
let greetMessage = partialFunction(greet, "Hello"); 
  
console.log(greetMessage("GeeksforGeeks"));