使用 Maybe 自行組合 safeNth()

Ramda 有些 Function 會回傳 undefined ，這些 Function 常常會忘記處理 undefined 而產生 Bug，比較好的方式是改回傳 Maybe ，可避免忘記處理 undefined 。

Version

VS Code 1.33.1

Quokka 1.0.209

Ramda 0.26.1

nth()

import { nth } from 'ramda';

let data = [
  { title: 'FP in JavaScript', price: 100 },
  { title: 'RxJS in Action', price: 200 },
  { title: 'Speaking JavaScript', price: 300 }
];

console.log(nth(1)(data).title);
console.log(nth(3)(data).title);

使用 Ramda 的 nth() ，取出資料後為 object，取其 title property 顯示。

Number ： n th element

[a] ：data 為 array

a | Undefined ：若找得到則傳回 element，找不到則傳回 undefined

但別忘了 nth() 可能回傳 undefined ，因此很容易產生 Cannot read property of undefined 的 run-time 錯誤。

當然可以搭配 Ramda 的 propOr() 避免，但只要你稍微不小心，還是會忘了使用 propOr()

safeNth()

import { nth } from 'ramda';
import { isObject, safe } from 'crocks';

let data = [
  { title: 'FP in JavaScript', price: 100 },
  { title: 'RxJS in Action', price: 200 },
  { title: 'Speaking JavaScript', price: 300 }
];

// safeNth :: Number -> [a] -> Maybe a
let safeNth = ofst => arr => safe(isObject)(nth(ofst, arr));

console.log(safeNth(1)(data).option({ title: 'No title' }).title);
console.log(safeNth(3)(data).option({ title: 'No title' }).title);

第 2 行

import { isObject, safe } from 'crocks';

使用 Crocks 的 isObject() 與 safe() 。

第 10 行

// safeNth :: Number -> [a] -> Maybe a
let safeNth = ofst => arr => safe(isObject)(nth(ofst, arr));

自行建立 saveNth() ，signature 與 Ramda 的 nth() 完全相同，差異只在於回傳 Maybe ，而不是 a | Undefiend 。

Number ： n th element

[a] ：data 為 array

Maybe a ：無論找不找得到都回傳 Maybe

safe(isObject)

由 Crocks 的 safe() 與 isObject() 組合出 function，若 nth() 結果為 object，則以 Just 包進 Maybe ，否則以 Nothing 包進 Maybe ，最後 safeNth() 回傳 Maybe 。

13 行

console.log(safeNth(1)(data).option({ title: 'No title' }).title);

因為 safeNth() 回傳為 Maybe ，所以取出資料時一定要透過 option() 才能取回 object，因此必須提供 default value 處理 Nothing 。

Maybe 強迫你要使用 option() 才能取回 object，因此你不可能忘記處理 Nothing ；不像 undefined 並沒有強迫處理，這就是常見的 bug 來源