如何在 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

更新于:2023年9月10日

37K+ 次浏览

启动您的职业生涯

完成课程后获得认证

开始
广告
© . All rights reserved.