zl程序教程

您现在的位置是:首页 >  前端

当前栏目

Angular reducer第一次被框架调用的单步调试细节

Angular调试框架 调用 细节 第一次 单步 reducer
2023-09-14 09:02:58 时间
  • Reducer: 纯粹的函数,接收当前状态,以及最新的action,计算出最新的action.
  • selector: 纯函数,用于select,derive和compose pieces of state

Store和State的区别

State is accessed with the store, an observable of state and an observer of actions.

Store是state和action的Observable.

reducer第一次被系统调用:@ngrx/store/update-reducers:

type:@ngrx/store/update-reducers
store也是一个Observable:

上一次的action:

store的source字段里,根据feature名称example找到state初始值0:

下面再观察store.select的执行:



source$就是应用的this.store:


this.store.select返回一个新的Observable对象,也是一个store:

点了UI add按钮后:

store.dispatch:

store->BehaviorSubject:

只取出observers对象:



scheduler.js:

注意,一旦调用了flush方法之后,我们的reducer被回调:

action导致counter值变为1之后,需要通知subscriber:



要获取更多Jerry的原创文章,请关注公众号"汪子熙":