JavaScript函數(shù)式編程之錯誤處理，強壯代碼

Yi_Zhi_Yu 發(fā)布于2019-08-22 16:15 / 3208人閱讀

摘要：可當(dāng)我們進行函數(shù)式編程時，這樣的方式會遇到困難，難點在于如何停止。而在函數(shù)式編程中，數(shù)據(jù)在管道中流動，上一個函數(shù)的返回值會傳給下一個函數(shù)，除非報錯，事先寫好的流程是停不下來的。

以下代碼會用到函數(shù)組合函數(shù)compose，只要知道compose是干什么的就足夠了，如果好奇具體的實現(xiàn)，可以看《JavaScript函數(shù)式編程之函數(shù)組合函數(shù)compose和pipe的實現(xiàn)》

在寫命令式的代碼時，條件判斷是經(jīng)常使用的，經(jīng)常會有如下類型的需求

if (isTrue) {
  doSomething();
} else {
  return;
}

比如表單驗證

if (!validate1()) return;
if (!validate2()) return;
axios.post(...)

如果有一個驗證沒有通過，則停止運行，只有全部都通過才會發(fā)出請求，提交表單。

可當(dāng)我們進行函數(shù)式編程時，這樣的方式會遇到困難，難點在于如何停止。用上面命令式的代碼，return了什么，return到了哪里，我們都不太需要關(guān)心。而在函數(shù)式編程中，數(shù)據(jù)在管道中流動，上一個函數(shù)的返回值會傳給下一個函數(shù)，除非報錯，事先寫好的流程是停不下來的。這時，函數(shù)返回了什么，我們是一定要關(guān)心的。

同樣的需求，用函數(shù)式的寫法

let postData = () => axios.post(...);
let result = compose(postData, validate2, validate1);

我們同樣希望有一個驗證沒有通過就立刻停止運行，可這是無法實現(xiàn)的，即使你在validate1里面寫了一個return;，這也只不過是停止了validate1的運行，而且還返回了一個undefined傳給了validate2。

那我們應(yīng)該怎么做？

其實可以換一個思路

它要返回，就讓它返回，只要返回值在我們的控制中，不用打斷運行同樣也可以達到目的。

let security = fn => val => val === null || val === undefined ? null : fn(val);

我們就可以用一個這樣的函數(shù)來做安全驗證，如果出現(xiàn)了驗證失敗，發(fā)現(xiàn)有空值，就返回一個null，如果正確就正常運行。

所以，之前的代碼就可以這樣改寫，把可能會出錯的地方全都包起來

let postData = () => axios.post(...);
let result = compose(security(postData), security(validate2), security(validate1));

首先傳給validate1的值，如果是空，則返回空給下一步，下一步同樣有security的安全驗證，接到空值往下傳遞。

看到這里，是不是感覺這種思路有點熟悉？

我們在用express寫路由的時候，通常會這樣寫

try {
  doSomething();
} catch(err) {
  next(err);
}

這個security方法與next(err)就非常相似。

在寫路由的時候，會有一個路由寫在所有路由的最后，專門用來處理錯誤，借用這個思路，我們同樣也可以在函數(shù)組合時根據(jù)自己的需要在方程的最后做一些保底的操作，例如

let handleError = x => {
  if (!x) alert("errorMsg");
};
let result = compose(handleError, security(postData), security(validate2), security(validate1));

參考資料：

JS函數(shù)式編程指南

我在github
https://github.com/zhuanyongx...