Redux中CreateStore(reducer) 底层简单实现

最新推荐文章于 2023-07-26 10:23:49 发布

代云龙.

最新推荐文章于 2023-07-26 10:23:49 发布

阅读量547

点赞数

文章标签： javascript 前端 react.js

本文链接：https://blog.csdn.net/D_ylong/article/details/122962116

版权

本文介绍了一个JavaScript函数，用于创建一个类似Redux的状态管理store。它包括订阅者和发布者功能，允许开发者订阅状态变化并在action触发时更新state。这个简单的状态管理工具对于小型应用或者理解Redux原理非常有用。

摘要由CSDN通过智能技术生成

function createStore(reducer) {

  //设置一个空数组，存放订阅者返回的回调方法
  var list = []

  //先设置reducer初始值
  var state = reducer(undefined, {})

  //订阅者
  function subscribe(callback) {
    list.push(callback)
  }

  //发布者
  function dispatch(action) {
    state = reducer(state, action)
    for (let i in list) {
      //list数组中第i个是否存在，是-执行
      list[i] && list[i]()
    }
  }

  //获取state方法
  function getState() {
    return state
  }

  return {
    subscribe,
    dispatch,
    getState,
  }
}