createStore的原理及作用

我理解的createStore就是对Store的管理


首先是createStore生成一个store:

var store = createStore(reducer,initialState);

然后是调用dispatch,通过action把变更的信息传递给reducer:

dispatch方法:
1、根据action查询reducer中变更state的方法,更新store tree
2、变更store tree后,依次执行listener中所有响应函数

var action = { type: 'add'};
store.dispatch(action);

store根据action携带type在reducer中查询变更具体要执行的方法,执行后返回新的state;

subscribe()

reducer执行后返回的新状态会更新到store tree中,触发由store.subscribe()注册的所有listener;
getState()

getState方法直接返回当前store tree状态;


概念图:

createStore的原理及作用_第1张图片
createStore.jpg

学习文档

你可能感兴趣的:(createStore的原理及作用)