看一个题，谁能帮忙解释一下？这是一个关于reduce递归

Question

看以下题目：

var f = (function() {

    let r = 1;

    return function(...args){

        r *= args.reduce((p, n) => p + n);

        f.valueOf = () => r;    // 主要是这句代码，完全懵B

        return f;

    }

}());

+f(1,2,3)(2,3)(3,4,5)(6,7)

// 输出值为(1+2+3)*(2+3)*(3+4+5)*(6+7)的计算结果

考虑到用到的知识点

reduce

valueOf

递归

...（涉及的没提到的）

Answer 1

1 reduce 配合 args 解构用来求每一个圆括号里面的和const sum = (...args) => args.reduce((i, j) => i + j)2 每次圆括号执行f都会再返回这个f，保证了这个f后面可以跟上无限多个圆括号var j = (function() {  return function () {    console.log('yo')    return j  }}())j()()()() // yo yo yo yo3 立即执行函数保证了每有一个圆括号都立即、顺序执行var f = function() {    let r = 1    return function f(...args){        r *= args.reduce((p, n) => p + n)        console.log(args) // 第一个圆括号就不执行了        f.valueOf = () => r        return f    }}4 如果你只想得到返回的 f 函数，或者是只想让这个 r 存在于各个层级 f 的上下文中的话，valueOf 都没有出现的意义，但是如果你想从 f()()() 中把 r 取出来，就需要 valueOf 了。最后的加号会用到他，这里就返回当前上下文中的 r。var f = (function() {    let r = 1    return function f(...args){        r *= args.reduce((p, n) => p + n)        if (args.length == 2) return r // 如果你能找另外一个方式把 r 输出也是可以的        return f    }}())console.log(f(1,2,3)(2,3,5)(3,4,5)(6,7))

Answer 2

你懵逼的地方恰好是重点，你需要知道的是 .valueOf 是干嘛用的举个最简单的例子你体会一下：var obj = {};obj.valueOf = function () {  return 3;}console.log(obj + 4); // 7简单来说，.valueOf() 会指定对象参与运算时的值，更详细的说明你可以查阅文档。知道了这一点，回到这道题。他想让我们实现的是：+f(1,2,3)(2,3)(3,4,5)(6,7)// 输出值为(1+2+3)*(2+3)*(3+4+5)*(6+7)的计算结果首先你看到这么多括号连在一起，基本上肯定是闭包+递归了，那么大致的思路是：f() 可以对参数列表求和f() 的返回值仍然是 f，它继续对参数列表求和，并且和上次的和相乘+f 的结果是乘法操作的结果，所以要实现 f.valueOf()因此就有了以下解答var f = (function() {    // 乘法运算的结果，初始为 1    let r = 1;    return function f(...args){        r *= args.reduce((p, n) => p + n);        f.valueOf = () => r; // 实现 +f 的值为乘法结果        return f;    }}());希望对你有帮助

Answer 3

valueOf方法一般是交由JS去隐式调用，在数值运算里，会优先调用valueOf()，如a + b；这里重写了valueOf，因此只要是数值运算时会先调用valueOf返回r

Answer 4

这个 f 是惰性计算的形式，算一个知识点，它能在缓存结果的同时将新的计算延迟到需要的时候。其他的就如同 @SevenOutman 所说了。