如何在 JavaScript 中调用一个返回另一个函数的函数？-js教程-PHP中文网

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

WBOY

发布： 2023-09-02 21:21:02

转载

1361人浏览过

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

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

函数柯里化

函数柯里化是函数式编程中的一种技术，其中一个函数被转换为一系列函数，每个函数接受一个参数。
这允许部分应用函数的参数，并且可以简化函数组合。
它以逻辑学家 Haskell Curry 的名字命名。
在 JavaScript 中，“curry”函数可用于柯里化给定函数。

立即学习“Java免费学习笔记（深入）”；

方法

在 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

登录后复制