一个基于ngrx的计数器例子 单步调试搞清楚原理

这个计数器的例子参考我之前的文章.

计数器值的增加:通过store.dispatch:

一个基于ngrx的计数器例子 单步调试搞清楚原理
一个基于ngrx的计数器例子 单步调试搞清楚原理

进入ngrx的store.js:

一个基于ngrx的计数器例子 单步调试搞清楚原理
一个基于ngrx的计数器例子 单步调试搞清楚原理

schedule message:

一个基于ngrx的计数器例子 单步调试搞清楚原理
一个基于ngrx的计数器例子 单步调试搞清楚原理

delay = 0 -> 立即flush:

一个基于ngrx的计数器例子 单步调试搞清楚原理

flush经过一系列漫长的调用栈处理后,会进入我们编写的reducer函数:

一个基于ngrx的计数器例子 单步调试搞清楚原理

reducer函数的输入参数是前一个状态和当前的action type,根据type返回新的状态:

一个基于ngrx的计数器例子 单步调试搞清楚原理

返回新的状态:

一个基于ngrx的计数器例子 单步调试搞清楚原理

要获取更多Jerry的原创文章,请关注公众号"汪子熙":
一个基于ngrx的计数器例子 单步调试搞清楚原理