绑定

时间:2018-06-05 20:10:21

标签: javascript ecmascript-6 bind currying partial-application

所以最近我发现你可以使用bind做js的部分功能/ currying。 例如:

const foo = (a, b, c) => (a + (b / c))
foo.bind(null, 1, 2) //gives me (c) => (1 + (2 / c))

但是,这仅适用于您要咖喱的部分。如果我想使用bind实现以下内容怎么办?

(b) => (1 + (b / 2))

尝试了各种解决方案,例如:

foo.bind(null, 1, null, 2)

有什么想法吗?用香草es6可以实现这个目标吗?

2 个答案:

答案 0 :(得分:3)

您可以使用包装器重新排序参数。



const
    foo = (a, b, c) => a + b / c,
    acb = (a, c, b) => foo(a, b, c);

console.log(acb.bind(null, 1, 2)(5));




答案 1 :(得分:0)

目前我想到了两种实现方法(除了来自@NinaSholz的包装器,这非常好):

1。使用合并两个参数数组的curry函数:



const foo = (a, b, c) => a + b / c;

function curry(fn, ...args) {
  return function(...newArgs) {
    const finalArgs = args.map(arg => arg || newArgs.pop());
    return fn(...finalArgs);
  };
}

const curriedFoo = curry(foo, 1, null, 2);

console.log(curriedFoo(4)) // Should print 1 + 4 / 2 = 3




我们只是在我们要跳过的参数位置发送nullundefined,在第二次调用中我们按顺序发送这些参数

2。使用对象作为命名参数



const foo = ({a, b, c}) => a + b / c;

function curry(fn, args) {
  return (newArgs) => fn({ ...args,
    ...newArgs
  });
}

const curriedFoo = curry(foo, {
  a: 1,
  c: 2
});

console.log(curriedFoo({
  b: 4
}));




这里我们利用funcion签名中的...(spread)运算符和对象语法来合并两个参数对象;