一组函数式风格的工具函数

专注于简单易用, 只需要你了解以下概念:

1. 一元函数: (input) => output
2. 高阶函数: (a) => (b) => c

使用场景

1//before
2const handleSumbit = async formValues => {
3  const values = await validate(formValues)
4  const actualValues = await transform(values)
5  const result = await post(acutalValues)
6  return result
7}
8
9//after
10const handleSumbitFp = asyncFlow(validate, transform, post)

组合函数

1. flow 参数都是函数, 返回一个函数

   使用场景:
   当下一个函数只需上一个函数的返回值时

1const getLength = (x: string) => x.length
2const increase = (x: number) => x + 1
3const workFlow = flow(getLength, increase)
4const result = workFlow('FP') // result = 3

2. pipe 第一个参数是值, 后面的参数都是函数

   使用场景:
   分发依赖

1const getLength = (x: string) => x.length
2const increase = (x: number) => x + 1
3const result = (input: string, step: number) =>
4  pipe('FP', getLength, increaseWith(step)) // result = 3

3. asyncFlow 所有参数都是异步函数(第一个是,后面不是也行), 执行后返回一个异步函数

1const workFlow = asyncFlow(fetch, r => r.json(), console.log)
2workFlow('http://xx.json')

4. asyncPipe 第一个参数是一个Promise值, 后面的参数都是函数

1const result = await asyncPipe(fetch('http://xx.json'), r => r.json())

下面是跟组合函数一起使用的小函数

案列

1const datas = [
2  { kind: 'frontend', lib: 'React' },
3  { kind: 'backend', lib: 'Express' },
4]
5const result = pipe(
6  datas,
7  groupBy(v => v.kind),
8  g => g.values(),
9  toList,
10  flat,
11  map(v => v.lib)
12)

1. 处理数组 (常用的) map | filter | flat | concat | unique | last | first

2. 处理对象 pick | omit

3. 条件判断 maybe | fallback | notNull | isEmpty | isZero

4. 其他 peek|invoke

有些函数只是内建函数的别名

waitAll = Promise.all()
toList = Array.from()
unique = new Set()

普通函数

pickFn | omitFn | groupByFn | separeByFn

陷阱

1const validate = () => {
2  throw new Error('invalidate')
3}
4
5const post = async data => axios.post('/api', data)
6
7const submit = flow(validate, post)
8
9submit({}).catch(e => {
10  //捕捉不到错误, 因为 `validate` 不是异步函数
11})