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

javascriptweb developmentfront end technology

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

函数柯里化

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

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

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

  • 在 JavaScript 中,`curry` 函数可用于柯里化给定函数。

方法

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

示例

let outerFunction = function() {
    return function() {
    	console.log("内部函数");
    }
}
let innerFunction = outerFunction();
innerFunction(); // "内部函数"

输出

内部函数

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

outerFunction()(); // "内部函数"

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

let outerFunction = () => () => console.log("内部函数");
let innerFunction = outerFunction();
innerFunction(); // "内部函数"

输出

内部函数

或者

outerFunction()(); // "内部函数"

两者将给出相同的结果

最终代码

以下是在 JavaScript 中调用返回另一个函数的函数的示例 −

// 返回另一个函数的函数
function createMultiplier(x) {
   return function(y) {
      return x * y;
   };
}

// 调用 createMultiplier 函数并将返回的函数赋值给变量
let double = createMultiplier(2);

// 使用返回的函数执行计算
console.log(double(5)); // 输出:10

解释

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

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

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

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

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

输出

10

相关文章