柯里化是將多參函數(shù)轉(zhuǎn)換為單參函數(shù)鏈，函數(shù)組合是將多個(gè)函數(shù)串聯(lián)成數(shù)據(jù)流。前者通過(guò)閉包實(shí)現(xiàn)參數(shù)預(yù)設(shè)與函數(shù)復(fù)用，如curry(add)(1)(2)(3)；后者通過(guò)compose或pipe實(shí)現(xiàn)邏輯流水線，如pipe(trim, toLowerCase, replace)生成URL slug，兩者結(jié)合提升代碼模塊化與可維護(hù)性。

柯里化和函數(shù)組合是函數(shù)式編程中的兩個(gè)核心概念，它們讓代碼更模塊化、可復(fù)用且易于測(cè)試。理解并合理使用它們，能顯著提升JavaScript中處理函數(shù)的靈活性。

什么是柯里化（Currying）？

柯里化是將一個(gè)接收多個(gè)參數(shù)的函數(shù)轉(zhuǎn)換為一系列只接受單個(gè)參數(shù)的函數(shù)的過(guò)程。每次調(diào)用返回一個(gè)新的函數(shù)，直到所有參數(shù)都被傳入，最終執(zhí)行原函數(shù)。

例如，原本調(diào)用 add(a, b, c) 的函數(shù)，柯里化后可以寫(xiě)成 add(a)(b)(c)。

• 手動(dòng)實(shí)現(xiàn)：通過(guò)閉包逐層返回函數(shù)
• 通用柯里化函數(shù)：利用 arguments 或剩余參數(shù)遞歸收集參數(shù)

實(shí)際應(yīng)用場(chǎng)景包括：

立即學(xué)習(xí)“Java免費(fèi)學(xué)習(xí)筆記（深入）”；

• 參數(shù)預(yù)設(shè)：比如創(chuàng)建日志函數(shù) log(level)(message)，先固定日志級(jí)別
• 事件處理器中預(yù)先綁定部分參數(shù)
• 配置化函數(shù)工廠，如生成不同校驗(yàn)規(guī)則的驗(yàn)證函數(shù)

如何實(shí)現(xiàn)一個(gè)通用的柯里化函數(shù)？

可以通過(guò)判斷當(dāng)前傳入?yún)?shù)數(shù)量是否達(dá)到目標(biāo)函數(shù)的形參個(gè)數(shù)來(lái)決定是否繼續(xù)返回函數(shù)。

function curry(fn) {
  return function curried(...args) {
    if (args.length >= fn.length) {
      return fn.apply(this, args);
    } else {
      return function(...nextArgs) {
        return curried.apply(this, args.concat(nextArgs));
      };
    }
  };
}

這樣就可以把任意符合要求的函數(shù)變成柯里化版本，比如 curry(add)(1)(2)(3)。

阿里媽媽·創(chuàng)意中心

阿里媽媽營(yíng)銷創(chuàng)意中心

0

查看詳情

什么是函數(shù)組合（Function Composition）？

函數(shù)組合是指將多個(gè)函數(shù)連接起來(lái)，前一個(gè)函數(shù)的輸出作為下一個(gè)函數(shù)的輸入。數(shù)學(xué)上表示為：f(g(x))，在JavaScript中常寫(xiě)作 compose(f, g)(x)。

它強(qiáng)調(diào)“數(shù)據(jù)流”的傳遞，使邏輯鏈條清晰，避免中間變量污染。

• 數(shù)據(jù)轉(zhuǎn)換管道：比如對(duì)字符串進(jìn)行 trim → toLowerCase → replace
• React 中的高階組件（HOC）組合
• 中間件機(jī)制，如 Redux 的 applyMiddleware

如何實(shí)現(xiàn)并使用函數(shù)組合？

可以從右到左或從左到右組合函數(shù)。常用的是從右到左（類似數(shù)學(xué)中的組合順序）。

function compose(...fns) {
  return function (value) {
    return fns.reduceRight((acc, fn) => fn(acc), value);
  };
}

function pipe(...fns) {
  return function (value) {
    return fns.reduce((acc, fn) => fn(acc), value);
  };
}

使用 pipe 更符合閱讀習(xí)慣，比如：

const toSlug = pipe(
  str => str.trim(),
  str => str.toLowerCase(),
  str => str.replace(/\s+/g, '-')
);
toSlug(" Hello World "); // "-hello-world"

基本上就這些?？吕锘瘞湍愎袒瘏?shù)，函數(shù)組合幫你串聯(lián)邏輯。兩者結(jié)合使用，能讓函數(shù)更純粹、更易維護(hù)。不復(fù)雜但容易忽略細(xì)節(jié)，比如參數(shù)順序和執(zhí)行上下文。

以上就是如何理解并應(yīng)用JavaScript中的柯里化(Currying)與函數(shù)組合(Function Composition)？的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！