当前位置: 首页 > 文档资料 > MobX 中文文档 >

8. 实用函数 - 8.1. autorunAsync

优质
小牛编辑
129浏览
2023-12-01

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 。

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