NgRx中能否在metareducer内直接读取当前状态属性

你代码里直接通过state.user.id读取userId的写法完全可行，不需要订阅。

核心原因 #

• Metareducer 本质是包装普通 reducer 的高阶函数，函数入参里的state就是当前全局状态的同步快照，是普通JS对象，不是Observable类型，本身就支持直接属性访问。
• 只有当你通过Store服务实例调用select()方法选取状态时，返回的才是状态数据流，这时候才需要订阅或者用async管道取值。

注意事项 #

应用初始化阶段，状态可能还未完成各模块的初始赋值，直接深度访问属性容易触发Cannot read properties of undefined报错，建议加可选链做防空保护。

安全写法示例：

export function localStorageSyncReducer(reducer: ActionReducer<any>): ActionReducer<any> {
  return function(state, action) {
    // 加可选链兼容初始化阶段的undefined场景
    let userId: number | undefined = state?.user?.id; 
    
    // 你的业务逻辑，比如本地存储同步
    const nextState = reducer(state, action);
    // 如果要拿action处理后的最新状态，在reducer调用之后取值即可
    return nextState;
  };
}

补充提示 #

• 元reducer会在每次action派发时同步执行，不要在这里写高耗时的阻塞逻辑，避免拖慢状态更新流程。
• 取值位置要匹配你的业务需求：在调用原始reducer之前拿到的是action处理前的旧状态，在调用之后拿到的是本次action更新完成后的新状态。

内容的提问来源于stack exchange，提问作者Keryanie