Redux reducer 作为纯函数

Question

我总是在 redux reducer 中这样初始化日期：

const initialState = {
  dateFilter: new Date()
}

const reducer = (state = initialState, action) => {
// reducer code
}

export default reducer;

我不确定我的做法是否正确，因为据我所知，reducer 必须是纯函数，而 new Date 不是纯函数。也许这更像是一个js问题，因为我不明白reducer函数是否在这里是纯的。

Answer 1

只要您不在// reducer code 内做其他事情，这就是纯粹的 :)。例如再次调用new Date（如第二个示例）

const initialState = {
  dateFilter: new Date()
}

const reducer = (state = initialState, action) => {
  switch(action.type) {
    
    default: return state
  }
}

console.log(`Reducer is ${
  reducer(undefined, {type: '@@INIT'}) === reducer(undefined, {type: '@@INIT'})
  ? 'pure'
  : 'not pure'}`)

这个不是

const initialState = () => ({
  dateFilter: new Date()
})

const reducer = (state = initialState(), action) => {
  switch(action.type) {
    
    default: return state
  }
}

console.log(`Reducer is ${
  reducer(undefined, {type: '@@INIT'}) === reducer(undefined, {type: '@@INIT'})
  ? 'pure'
  : 'not pure'}`)

UPD 正如@spender 提到的，initialState 必须是不可变的。这在 javascript 中很难保证，因为默认情况下对象和日期都是可变的。为了保证不变性，可以使用

const initialState = Object.freeze({ // freeze the object
  dateFilter: Date.now() // use immutable number instead of Date instance
})

还有来自wiki的TLDR

纯函数是一个输出依赖于输入的函数，它不会执行任何可观察到的副作用。想想说加法const add = (a, b) => a + badd(1, 2)总是3并且没有发射导弹。如果函数是纯函数，您可以安全地：缓存结果、重新排序或延迟调用、在同一参数上多次调用函数等等。

• add(1, 2) 可以替换为 3。如果一个函数说计算它被调用的次数，那将是不可能的。
• add(add(1,2), add(2,3)) 你可以先做add(1, 2) 然后add(2, 3) 或者反过来。如果一个函数说将日志记录到控制台，那将是不可能的。
• 等等。

纯函数的烟雾测试是“相同的输入产生相同的输出”。

不幸的是（或幸运的是:)）默认情况下，js 中的函数不需要是纯的，通常很难保证它们是纯的，因为 javascript 内置对象默认是可变的。

即使是上面的 add 函数也可能会导致副作用，因此您必须对纯度定义持保留态度。

const add = (a, b) => a + b

const a = {
  _i: 1,
  valueOf() {
    console.log('Missiles launched')
    return this._i++;
  }
}

console.log(add(a, 1), add(a, 1))