JavaScript：多个参数[关闭]

Question

举例说明如何在 JavaScript 中使用“currying”：

const component = (argument1) => (argument2) => {
   // Do something
}

Answer 1

这就是所谓的函数柯里化。它对于实现装饰器模式非常有用。

例如，假设我们从一个简单的函数add 开始。

const add = (a, b) => a + b;

console.log(add(1, 2));

现在，假设我们要添加两个数字，但每次都添加十。

我们可以这样做：

const add = (a, b) => a + b + 10;

console.log(add(1, 2));

但是，我们失去了原来的功能。

所以我们使用函数柯里化来做这两件事：

// We keep the original add function
const add = (a, b) => a + b;

// And create another function that returns the modified function
const addTen = (addFunction) => (a, b) => 10 + addFunction(a, b);

// then we store the new function in a different variable
const addPlusTen = addTen(add);

// ...and call the returned function

console.log(add(1, 2));
console.log(addPlusTen(1, 2));

// This becomes useful when we need to make an addPlusFive, addPlusSix and addPlusSeven functions:

const addFive = (addFunction) => (a, b) => 5 + addFunction(a, b);
const addSix = (addFunction) => (a, b) => 6 + addFunction(a, b);
const addSeven = (addFunction) => (a, b) => 7 + addFunction(a, b);

const addPlusFive = addFive(add);
const addPlusSix = addSix(add);
const addPlusSeven = addSeven(add);

console.log(addPlusFive(1, 2));
console.log(addPlusSix(1, 2));
console.log(addPlusSeven(1, 2));

Answer 2

在你的代码中有两个箭头函数，一个返回另一个可以帮助你使用闭包来维护状态/范围

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures

const multiplier = (argument1) => (argument2) => {
   return argument2 * argument1;
};

const multiples8 = multiplier(8);

console.log(multiples8(5));
console.log(multiples8(6));
console.log(multiples8(7));

Answer 3

您所做的称为链接。

const add = (a) => (b) => {
    return a + b;
}

var add5 = add(5); // returns partially applied function
var result = add5(4); // which can be invoked with its own parameter

console.log(result); // 9

箭头函数提供更简洁的语法，因为如果有一个参数，您可以省略参数周围的括号，如果函数体是单行，您可以省略方括号。我们可以使用常规的 js 函数语法编写相同的代码：

const add = function(a){
    return function(b){
    return a + b
  }
}

Answer 4

您的代码有两个嵌套箭头函数的简短版本。这是完整版的外观（带有 return 语句和括号应该看起来更清晰）：

let component = (argument1) => { 
   // console.log(argument1);
   return (argument2) => {
       // console.log(argument2);
   }
}

component('aa')('bb');

第一个函数（带参数 1）返回 FUNCTION。返回的函数接受参数 2。