教程 date-fns tutorial

FP指南

date-fns v2.x 提供函数式编程 (FP) 友好的函数,如 lodash 中的函数,支持柯里化。

用法

FP 函数通过“date-fns/fp”子模块提供。

带有选项(format, parse,等)的函数有两个对应的 FP:一个将选项对象作为其第一个参数,另一个没有。 前者的名称在其名称的末尾添加了 WithOptions。

在 date-fns 的 FP 函数中,参数的顺序是相反的。

javascript
import { addYears, formatWithOptions } from 'date-fns/fp'
import { eo } from 'date-fns/locale'
import toUpper from 'lodash/fp/toUpper' // 'date-fns/fp' is compatible with 'lodash/fp'!

// If FP function has not received enough arguments, it returns another function
const addFiveYears = addYears(5)

// Several arguments can be curried at once
const dateToString = formatWithOptions({ locale: eo }, 'd MMMM yyyy')

const dates = [
  new Date(2017, 0 /* Jan */, 1),
  new Date(2017, 1 /* Feb */, 11),
  new Date(2017, 6 /* Jul */, 2)
]

const formattedDates = dates.map(addFiveYears).map(dateToString).map(toUpper)
//=> ['1 JANUARO 2022', '11 FEBRUARO 2022', '2 JULIO 2022']

使用函数组合

FP函数的主要优点是支持函数式函数组合。

在上面的示例中,您可以将 addFiveYears、dateToString 和 toUpper 组合成一个函数:

javascript
const formattedDates = dates.map((date) => toUpper(dateToString(addFiveYears(date))))

或者您可以使用 lodash 提供的 compose 函数以更惯用的方式执行相同操作:

javascript
import compose from 'lodash/fp/compose'

const formattedDates = dates.map(compose(toUpper, dateToString, addFiveYears))

或者,如果您更喜欢自然的创作方向(而不是计算上正确的顺序),您可以使用 lodash’ flow 代替:

javascript