class Store {
// 观察者，用于响应状态更新，第一个 State? 为旧状态，第二个 State 为当前状态
typealias Observer = (State?, State) -> Void
private(set) var state: State // 当前状态
private var _observers: [UUID: Observer] // 所有的观察者
// 初始化
init(initailState: State) {
self.state = initailState
self._observers = [:]
}
// 发出事件
func dispatch(event: State.Event) {
let oldState = self.state
self.state = State.reduce(self.state, event: event)
_publish(oldState: oldState, newState: self.state)
}
// 订阅状态更新
func subscribe(observer: @escaping Observer) -> UUID {
let subscriptionID = UUID() // UUID 是唯一标识符，该 id 可用于取消订阅
_observers[subscriptionID] = observer
observer(nil, self.state) // 订阅时，将当前状态回放给该观察者
return subscriptionID
}
// 取消订阅
func unsubscribe(_ subscriptionID: UUID) {
_observers.removeValue(forKey: subscriptionID)
}
// 私有方法，通知所有的观察者，状态已经更新了
private func _publish(oldState: State?, newState: State) {
_observers.values.forEach { observer in
observer(oldState, newState)
}
}
}
如何使用 Store:
func useStore() {
//首先下创建 Store
let initailState = State(username: "",password: "",loading: false,data: nil,error: nil)
let store = Store(initailState: initailState)
// 然后，订阅程序状态，并且将这些状态录制下来
// 以下变量 newStates 和 oldStates 用于录制状态历史
var newStates: [State] = []
var oldStates: [State?] = []
let subscriptionID = store.subscribe { (oldState, newState) in
newStates.append(newState)
oldStates.append(oldState)
}
// 然后，模拟输入用户名事件和输入密码事件
// 模拟真实事件
store.dispatch(event: .onUpateUsername("beeth0ven"))
store.dispatch(event: .onUpatePassword("123456"))
// 取消订阅
store.unsubscribe(subscriptionID)
// 最后，比对录制的状态是否符合预期
// 描叙预期
let expectNewStates = [
State(username: "",password: "",loading: false,data: nil,error: nil),
State(username: "beeth0ven",password: "",loading: false,data: nil,error: nil),
State(username: "beeth0ven",password: "123456",loading: false,data: nil,error: nil)
]
let expectOldStates = [
nil,
State(username: "",password: "",loading: false,data: nil,error: nil),
State(username: "beeth0ven",password: "",loading: false,data: nil,error: nil)
]
// 比对结果
newStates == expectNewStates // 结果：true 😎
oldStates == expectOldStates // 结果：true 😎
}
这就是如何在测试环境里面使用 Store，那么在 App 里面如何使用 Store 呢。 一个 相对简单（并未优化） 的方法，就是将 Store 注入到对应的组件里面，这里以 ViewController 为例：
-
ViewController可以使用store.subscribe方法订阅程序的状态。当状态更新时，比对新旧状态，然后刷新过时了的 UI。 - 当用户触发某个事件时，调用
store.dispatch方法将事件发出去，如：当用户点击登录按钮时，就调用store.dispatch(event: .onTriggerLogin)。 - 在
ViewController的deinit方法里面注销订阅store.unsubscribe(subsriptionID)。
总结
本节主要介绍了 纯函数 和 附加作用，期间还演示如何用 纯函数 做状态管理的。最后还演化出了一个极简版的 Redux。希望大家可以从中获益！
