使用reduceRight() - JavaScript组合具有多个参数的函数
使用reduceRight() - JavaScript组合具有多个参数的函数
提问于 2019-05-14 06:03:00
我正在尝试使用reduceRight实现具有多个参数的函数组合。这个问题已经在这个link上得到了回答，但使用的输入数据略有不同。由于某种原因，我得到了以下错误：Uncaught TypeError: fn is not a function。避免使用这种格式的func3 = ([x, y]) => (y > 0 ? x + 3 : x - 3);。如果有办法解决这个问题，请告诉我。
const compose = (...fns) => (...args) =>
fns.reduceRight((acc, fn) => fn(acc), args);
const func3 = (x, y) => (y > 0 ? x + 3 : x - 3);
//const func3 = ([x, y]) => (y > 0 ? x + 3 : x - 3); - avoid using this version
const func2 = x => x ** 2;
const func1 = x => x - 8;
const fnOne = compose([func1, func2, func3])('3', 1);
console.log(fnOne); // should be 1081
const fnTwo = compose([func1, func2, func3])('3', -1);
console.log(fnTwo); //should be -8
[1]: https://stackoverflow.com/questions/55842990/multiple-arguments-composible-function-implementation-using-reduceright解决方案
Array#reduceRight只支持一个currentValue，所以我们不能让一个函数接受多个参数。唯一的方法是避免在第一次调用时使用reduceRight，方法是从数组中弹出它，并将其称为手动调用，而不是让reduceRight执行此操作：
第一种方法
const compose = fns => (...args) =>
fns.reduceRight((acc, fn) => fn(acc), fns.pop()(...args));第二种方法
const compose = fns => (...args) =>
fns.reduceRight((acc, fn) => fn(...[acc, ...args.slice(1)]), args[0]);回答 3
Stack Overflow用户
回答已采纳
发布于 2019-05-14 06:09:10
您将一个数组传递给compose，而不是传递给一个函数(或多个函数)，因此fn是一个数组，当您尝试将其用作函数时，您会得到该错误。
将...fns替换为fns (这样compose需要一个数组)，或者删除调用中的方括号以进行compose。还要使用您已注释掉的func3版本：
const compose = (...fns) => (...args) =>
fns.reduceRight((acc, fn) => fn(acc), args);
const func3 = ([x, y]) => (y > 0 ? x + 3 : x - 3);
const func2 = x => x ** 2;
const func1 = x => x - 8;
const fnOne = compose(func1, func2, func3)('3', 1);
console.log(fnOne); // should be 1081
const fnTwo = compose(func1, func2, func3)('3', -1);
console.log(fnTwo); //should be -8
Stack Overflow用户
发布于 2020-03-17 23:43:52
如果你不这样做，你可以或者想把func3转换成一个单参数函数。您可以在调用fn时扩展args。然后将结果捕获到一个数组中，以便在下一次fn调用中传播。当返回最终结果时，只需获取结果数组的第一个元素。
const compose = (...fns) => (...args) =>
fns.reduceRight((args, fn) => [fn(...args)], args)[0];
const func3 = (x, y) => (y > 0 ? x + 3 : x - 3);
// const func3 = ([x, y]) => (y > 0 ? x + 3 : x - 3); - avoid using this version
const func2 = x => x ** 2;
const func1 = x => x - 8;
const fnOne = compose(func1, func2, func3)('3', 1);
console.log(fnOne); // should be 1081
const fnTwo = compose(func1, func2, func3)('3', -1);
console.log(fnTwo); //should be -8
Stack Overflow用户
发布于 2019-05-14 06:55:20
- 您需要提供三个参数/函数来组成函数，而不是数组。
- func3将是第一个执行的函数，因此它将接收数组参数。此数组需要在x和y变量中为destructure。此缩减可以在参数定义中进行，如下所示：(x，y)。
const compose = (...fns) => (...args) =>
fns.reduceRight((acc, fn) => fn(acc), args);
const func3 = ([x, y]) => y > 0 ? x + 3 : x - 3;
const func2 = x => x ** 2;
const func1 = x => x - 8;
const fnOne = compose(func1, func2, func3)('3', 1);
console.log(fnOne); // should be 1081
const fnTwo = compose(func1, func2, func3)('3', -1);
console.log(fnTwo); //should be -8
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56120421
复制相关文章
相似问题