12、MobX特殊API与实用工具深度解析

MobX特殊API与实用工具深度解析

1. 特殊API：observe()与intercept()

在处理可观察对象的变化时，intercept()和observe()是两个重要的工具。intercept()用于在变化应用到可观察对象之前进行拦截和修改，以下是一个处理主题变化的示例代码：

// 处理主题变化的拦截器 const interceptThemeChange = change => { if (change.newValue === null) { return null; } // 处理简写值 const newTheme = change.newValue.toLowerCase(); if (newTheme === 'l' || newTheme === 'd') { change.newValue = newTheme === 'l' ? 'light' : 'dark'; // 设置正确的值 return change; } // 检查是否为有效的主题 const allowedThemes = ['light', 'dark']; const isAllowed = allowedThemes.includes(newTheme); if (!isAllowed) { throw new Error(`${change.newValue} is not a v