如何在 JavaScript 中调用一个返回另一个函数的函数？

我们将通过引用函数名称并在其后添加括号来调用函数。如果 我们调用的函数返回另一个函数（在我们的例子中确实如此），我们需要分配 它到一个变量或立即调用它。未来，我们需要确保我们 了解返回函数的行为以及如何在我们的代码中使用它。 这就是所谓的函数柯里化。

函数柯里化

• 函数柯里化是函数式编程中的一种技术，其中一个函数被转换为一系列函数，每个函数接受一个参数。

• 这允许部分应用函数的参数，并且可以简化函数组合。

• 它以逻辑学家 Haskell Curry 的名字命名。

• 在 JavaScript 中，“curry”函数可用于柯里化给定函数。

方法

在 JavaScript 中，您可以调用一个返回另一个函数的函数，方法是首先将返回的函数分配给一个变量，然后使用变量名加括号来调用它。

示例

let outerFunction = function() {
   return function() {
      console.log("Inner function");
   }
}
let innerFunction = outerFunction();
innerFunction(); // "Inner function"

输出

Inner function

您还可以在调用外部函数后立即调用内部函数，方法是在外部函数调用中添加括号，如下所示 -

outerFunction()(); // "Inner function"

也可以使用箭头函数代替函数 -

let outerFunction = () => () => console.log("Inner function");
let innerFunction = outerFunction();
innerFunction(); // "Inner function"

输出

Inner function

或者

outerFunction()(); // "Inner function"

两者都会给出相同的结果

最终代码

这是一个在 JavaScript 中调用返回另一个函数的函数的示例 -

// A function that returns another function
function createMultiplier(x) {
   return function(y) {
      return x * y;
   };
}

// Call the createMultiplier function and assign the returned function to a variable
let double = createMultiplier(2);

// Use the returned function to perform a calculation
console.log(double(5)); // Output: 10

说明

• createMultiplier 函数接受单个参数 x，并返回一个新函数。此返回函数接受单个参数 y，并返回 x 和 y 的乘积。

• 我们调用 createMultiplier 函数并传入值 2 作为参数，该函数将返回的函数分配给变量 double。

• 现在 double 变量是接受参数 y 并返回 x*y（其中 x 为 2）的函数。

• 我们调用 double(5)，它将返回 2*5 = 10。

在此示例中，createMultiplier 是一个高阶函数，因为它返回一个函数。返回的函数称为闭包，因为它记住了外部函数作用域中的 x 值。

输出

10

以上就是如何在 JavaScript 中调用一个返回另一个函数的函数？的详细内容，更多请关注编程之家其它相关文章！