函數(shù)式編程（一）

Pink 發(fā)布于2019-08-20 16:22 / 1350人閱讀

摘要：函數(shù)式編程不是用函數(shù)來編程，其主旨是將復(fù)雜的函數(shù)轉(zhuǎn)化為簡單的函數(shù)。所以下面用我一年級的智商對函數(shù)式編程的理解，來介紹一些函數(shù)式編程的知識和概念。

引言

javascript是一門多范式編程語言，什么叫多范式？通俗一點來講，不管是爛大街的面向?qū)ο螅€是面向切面、函數(shù)式編程啥都能寫。函數(shù)式編程不是用函數(shù)來編程，其主旨是將復(fù)雜的函數(shù)轉(zhuǎn)化為簡單的函數(shù)。這兩年隨著React的火熱，函數(shù)式編程的概念也開始流行起來，RxJS、cycleJS、lodashJS、underscoreJS等多種開源庫都使用了函數(shù)式的特性，但是相信絕大部分人看完有關(guān)函數(shù)式編程的書籍，還是一臉懵逼。所以下面用我一年級的智商對函數(shù)式編程的理解，來介紹一些函數(shù)式編程的知識和概念。

純函數(shù)

純函數(shù)的定義是，對于相同的輸入，永遠會得到相同的輸出，而且沒有任何可觀察的副作用，也不依賴外部環(huán)境的狀態(tài)。

var xs = [1,2,3,4,5];

// 純的
xs.slice(0,3);
//=> [1,2,3]

// 不純的,改變了原數(shù)組的值
xs.splice(0,3);
//=> [1,2,3]

大多數(shù)有用的純函數(shù)都應(yīng)有至少一個參數(shù)。所有有用的純函數(shù)都應(yīng)該返回一些東西。

let addNoReturn = (x, y) => {
    let z = x+ y
}
//無用的純函數(shù)

現(xiàn)在你可以嘗試打開瀏覽器的控制臺，執(zhí)行這樣一個函數(shù)

let add = (x, y) =>  x + y 
add(1, 2) //3

執(zhí)行一次，結(jié)果是3。
現(xiàn)在你可以再次執(zhí)行一次

add(1, 2) //3

結(jié)果還是3，再執(zhí)行一次

add(1, 2) //3

結(jié)果還是3，驚不驚喜，意不意外？
再看下面一個函數(shù)

let wirteFile = (x) => {
      localStorage.setItem("font", "1")
      return x;
}

這個是純函數(shù)嗎，相同的結(jié)果也是相同的輸出啊？
顯然這個不是純函數(shù)，純函數(shù)不能修改任何外部變量，純函數(shù)沒有函數(shù)副作用。
副作用可能包含，但不限于：

更改文件系統(tǒng)

往數(shù)據(jù)庫插入記錄

發(fā)送一個 http 請求

打印/log

DOM 查詢

看到這里你可能會把我拉黑，只有純函數(shù)我還怎么寫代碼，怎么完成需求？
在函數(shù)式編程中，你不僅僅編寫純函數(shù)。
函數(shù)式語言不能消除函數(shù)副作用，它們只能限制函數(shù)副作用。因為程序必須和真實世界交互，每一個程序總有一些部分必須是不純的。目標(biāo)是減少不純代碼的數(shù)量并將它們和我們程序中的其他部分隔離。

純函數(shù)不僅降低了系統(tǒng)的復(fù)雜度，還有很多很棒的特性，比如可緩存性

const memorize = f => {
  const cache = {};

  return function() {
    const arg_str = JSON.stringify(arguments);
    cache[arg_str] = cache[arg_str] || f.apply(f, arguments);
    return cache[arg_str];
  };
};

const addNumber = memorize( x => x + 1)

//第一次計算慢
addNumber(1)
//第二次有了緩存，速度快了不少
addNumber(1)

我們不用每次都自己實現(xiàn)memorize函數(shù)，lodash、ramda都提供了很好的封裝。