• 1. MobX 介绍
  • 1.1. MobX 要点
  • 1.2. 概念与原则
• 2. API概览
  • 2.1. observable
  • 2.2. @observable
  • 2.3. (@)computed
  • 2.4. autorun
  • 2.5. (@)observer
  • 2.6. action
• 1. Observable类型
  • 3.1. objects
  • 3.2. arrays
  • 3.3. maps
  • 3.4. boxed values
• 4. 理解 MobX 对什么有反应
• 5. 如何(不)使用装饰器
• 1. 资源
  • 6.1. 教程、视频和博客
  • 6.2. 相关项目
  • 6.3. 案例项目
  • 6.4. 样板文件
  • 6.5. 常见问题解答
• 1. 贴士与技巧
  • 7.1. 常见陷阱与最佳实践
  • 7.2. 定义数据存储
  • 7.3. 编写异步 actions
  • 7.4. 优化 React 组件
  • 7.5. 开发工具
  • 7.6. 使用 trace 进行调试
  • 7.7. ES5 / ES6 / TypeScript 语法
  • 7.8. 无状态组件和热加载
• 1. 实用函数
  • 8.1. autorunAsync
  • 8.2. Atom & Reaction
  • 8.3. createTransformer
  • 8.4. expr
  • 8.5. extendObservable
  • 8.6. isObservable
  • 8.7. modifiers
  • 8.8 intercept & observe
  • 8.9. reaction
  • 8.10. spy
  • 8.11. toJS
  • 8.12. transaction
  • 8.13. untracked
  • 8.14. when
• 9. 捐赠
• Published with GitBook

8.1. autorunAsync

autorunAsync

autorunAsync(action: () => void, minimumDelay?: number, scope?)

基本同 autorun 一样，但是autorunAsync中的action 不是同步调用，而是在等待传入的最小毫秒之后异步调用。 autorunAsync 将会运行并观察。 当它观察的值更改时，action不会立即运行，而是等待 minimumDelay 后再重新执行 action。

如果在等待这段时间内，就算观察的值多次发生了变化，action 仍然只会触发一次，所以在某种意义上，它实现了与事务类似的效果。 这可能对代价高昂而不需要同步发生的东西有用，例如服务端通信防抖动。

如果提供了 scope，那么 action 会绑定到这个作用域对象。

autorunAsync(debugName: string, action: () => void, minimumDelay?: number, scope?)

如果传给 autorunAsync 的第一个参数是字符串的话，它会作为调试的名称。

autorunAsync 返回一个清理函数用来取消 autorun 。

autorunAsync(() => {
    // 假设 profile.asJson 返回一个用来展现 profile 的 observable json
    // 每次改变都会把它发送到服务端，但发送前至少要等待300毫秒
    // 发送时，将使用 profile.asJson 的最新值
    sendProfileToServer(profile.asJson);
}, 300);

results matching ""

No results matching ""