鍍金池/ 問答/HTML/ 看一個(gè)題,誰能幫忙解釋一下?這是一個(gè)關(guān)于reduce遞歸

看一個(gè)題,誰能幫忙解釋一下?這是一個(gè)關(guān)于reduce遞歸

看以下題目:

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)的計(jì)算結(jié)果

考慮到用到的知識點(diǎn)

  1. reduce
  2. valueOf
  3. 遞歸
  4. ...(涉及的沒提到的)
回答
編輯回答
奧特蛋

1 reduce 配合 args 解構(gòu)用來求每一個(gè)圓括號里面的和

const sum = (...args) => args.reduce((i, j) => i + j)

2 每次圓括號執(zhí)行f都會再返回這個(gè)f,保證了這個(gè)f后面可以跟上無限多個(gè)圓括號

var j = (function() {
  return function () {
    console.log('yo')
    return j
  }
}())

j()()()() // yo yo yo yo

3 立即執(zhí)行函數(shù)保證了每有一個(gè)圓括號都立即、順序執(zhí)行

var f = function() {
    let r = 1
    return function f(...args){
        r *= args.reduce((p, n) => p + n)
        console.log(args) // 第一個(gè)圓括號就不執(zhí)行了
        f.valueOf = () => r
        return f
    }
}

4 如果你只想得到返回的 f 函數(shù),或者是只想讓這個(gè) r 存在于各個(gè)層級 f 的上下文中的話,valueOf 都沒有出現(xiàn)的意義,但是如果你想從 f()()() 中把 r 取出來,就需要 valueOf 了。最后的加號會用到他,這里就返回當(dāng)前上下文中的 r。

var f = (function() {
    let r = 1
    return function f(...args){
        r *= args.reduce((p, n) => p + n)
        if (args.length == 2) return r // 如果你能找另外一個(gè)方式把 r 輸出也是可以的
        return f
    }
}())
console.log(f(1,2,3)(2,3,5)(3,4,5)(6,7))
2018年4月15日 01:40
編輯回答
焚音

valueOf方法一般是交由JS去隱式調(diào)用,在數(shù)值運(yùn)算里,會優(yōu)先調(diào)用valueOf(),如a + b;
這里重寫了valueOf,因此只要是數(shù)值運(yùn)算時(shí)會先調(diào)用valueOf返回r

2017年5月12日 00:39
編輯回答
青檸

你懵逼的地方恰好是重點(diǎn),你需要知道的是 .valueOf 是干嘛用的
舉個(gè)最簡單的例子你體會一下:

var obj = {};
obj.valueOf = function () {
  return 3;
}
console.log(obj + 4); // 7

簡單來說,.valueOf() 會指定對象參與運(yùn)算時(shí)的值,更詳細(xì)的說明你可以查閱文檔。

知道了這一點(diǎn),回到這道題。
他想讓我們實(shí)現(xiàn)的是:

+f(1,2,3)(2,3)(3,4,5)(6,7)
// 輸出值為(1+2+3)*(2+3)*(3+4+5)*(6+7)的計(jì)算結(jié)果

首先你看到這么多括號連在一起,基本上肯定是閉包+遞歸了,
那么大致的思路是:

  1. f() 可以對參數(shù)列表求和
  2. f() 的返回值仍然是 f,它繼續(xù)對參數(shù)列表求和,并且和上次的和相乘
  3. +f 的結(jié)果是乘法操作的結(jié)果,所以要實(shí)現(xiàn) f.valueOf()

因此就有了以下解答

var f = (function() {
    // 乘法運(yùn)算的結(jié)果,初始為 1
    let r = 1;
    return function f(...args){
        r *= args.reduce((p, n) => p + n);
        f.valueOf = () => r; // 實(shí)現(xiàn) +f 的值為乘法結(jié)果
        return f;
    }
}());

希望對你有幫助

2018年1月16日 19:09
編輯回答
伴謊

這個(gè) f 是惰性計(jì)算的形式,算一個(gè)知識點(diǎn),它能在緩存結(jié)果的同時(shí)將新的計(jì)算延遲到需要的時(shí)候。

其他的就如同 @SevenOutman 所說了。

2018年8月5日 13:16