迷你redux

最新推荐文章于 2025-03-26 08:56:55 发布

fire-fire-fox

最新推荐文章于 2025-03-26 08:56:55 发布

阅读量224

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/wangrong111222/article/details/80962065

本文介绍了一个简化版的Redux实现方式，包括store的创建、状态管理、监听更新等核心功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// mini-redux
export function createStore(reducer) {
    //初始化state 和listeners函数 集合；
    let currentState={};
    let currrentListeners=[];
  // 调用返回state
    function getState() {
        return currentState;
    }
// 调用返回state 把新的事件 push到listeners监听函数 集合
    function subscribe(listener) {
        currrentListeners.push(listener);
    }
    function dispatch(action) {
        // 传入action 通过reducer得到新的state；并且赋给自己这个里面的state
        currentState=reducer(currentState,action);
        // 把所有的 监听事件调用一遍
        currrentListeners.forEach(v=>v());
        // 为了中间键的调用，所以return action出去；
            return action;
    }
    //自己调用一遍先，要把所有的方法执行一遍；
    dispatch({type:"@myself-SKY"})
     //返回这三个核心方法以供调用。
    return {getState,subscribe,dispatch}
}