再来のapplyMiddlewareの実装

Question

私の質問は

export default function applyMiddleware(...middlewares) { 
    return (createStore) => (reducer, preloadedState, enhancer) => { 
    const store = createStore(reducer, preloadedState, enhancer) 
    let dispatch = store.dispatch 
    let chain = [] 

    const middlewareAPI = { 
     getState: store.getState, 
     dispatch: (...args) => dispatch(...args) // why not just use `dispatch: dispatch` 
    } 
    chain = middlewares.map(middleware => middleware(middlewareAPI)) 
    dispatch = compose(...chain)(store.dispatch) 

    return { 
     ...store, 
     dispatch 
    } 
    } 
} 

誰もが私に違いを見分けることができますか？ありがとう。

Answer 1

これは、JS変数スコープ/ホスティングのやや複雑な組み合わせで、渡されたディスパッチメソッドが実際にミドルウェアチェーンの開始点を指すようにする必要があります。

詳細については、新しく追加された（まだ公開されていない）Redux FAQ entry on why applyMiddleware uses a closureをご覧ください。