redux中间件的实现

所谓的中间件就是 在我们 最终到达到的方式最后的外层包裹，一层又一层的，就是中间件；

且使用中间件的使用过程中发现中间件不符合规则，将会重复  给核心代码嵌套中间件这一过程；

上代码：

// mini-redux  ,enhancer 增强器
//中间件的实现：1，扩展createStore；2，applymiddleware的实现并且输出出去；
export function createStore(reducer,enhancer) {
    //如果有中间件那么createStor包一层中间件；再去执行createStore（reducer）；
    if(enhancer){
        return enhancer(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}
}


//三层嵌套 箭头函数意味这三层函数的返回， 在上面场景，第一个函数已经被嵌套；
export const applyMiddleware=(middleWare)=>(createStore)=>(...args)=>{

      //首先 从参数中 调用发放拿到store；
     const store=createStore(...args);
     // 再从store里拿到dispatch；
     let dispatch=store.dispatch;

     // 定义middleware的API，应该是固定格式，暴露两个方法方便用户使用
     const midApi={
         getState:store.getState,
         dispatch:(...args)=>dispatch(...args)
     };
     // 利用中间件加强dipatch，中间件的使用也是一个三层函数嵌套的使用,这边我们加强只需传入2个参数加强，实际调用就会传入第三个参数；
     dispatch=middleWare(midApi)(store.dispatch);

     // 返回拥有加强的dispatch的对象，替换掉原来store里那个比较弱的dispatch；
    return {...store,dispatch}


};

初步先实现到这个单个中间件的应用；

实现一个thunk 中间件；

const thunk=({dispatch,getState})=>(next)=>(action)=>{

    //如果action 是个函数，那么应用中间件 ，调用一下action（内部就会调用到dispatch），
     if(typeof action==="function"){
         //对应之前actionCreator里写的(dispatch,getState)=>{}
         return  action(dispatch,getState);
     }

    //默认执行原来的dispatch
  return next(action);
};
export default thunk;

这样就实现了 应用中间件