Agents

Agents 和 Angular 的 Services 相似（但没有依赖注入），给 Yew 提供了 Actor 模型。Agents 可以用于在组件之间路由消息，而与它们在组件层次结构中的位置无关，或者可以用于协调全局状态，或者可以用于从主 UI 线程上卸载计算密集型任务，或者在不同的标签页间通信（在未来）。

Agents 使用 web-workers 同时运行来实现并发。

生命周期

Agent lifecycle

Agents 的类型

Reaches

  • Context - Bridges 将生成或连接到 UI 线程上的 agent。这可用于在组件和其它 Agents 之间协调状态。当没有 Bridge 连接到该 Agent 时，Agent 将消失。

  • Job - 在 UI 线程上为每个新的 Bridge 生成一个新的 Agent。这对于将与浏览器通信的共享但独立的行为移出组件是很有用的。（待验证）任务完成后，Agent 将消失。

  • Public - 与 Context 相同，但运行在自己的 web worker 中。

  • Private - 与 Job 相同，但运行在自己的 web worker 中。

  • Global (WIP)

Agent 和组件之间的通信

Bridges

Bridges 不仅可以使 agent 和组件之间进行双向通信，还允许 agents 相互通信。

Dispatchers

Dispatchers 用于组件和代理之间的单向通信，允许组件将消息发送到 agent 。

开销

web worker （私有和公共）中的 agents 会在发送和接收的消息时产生序列化开销。由于他们使用 二进制代码 与其他线程进行通信，因此成本比仅调用函数要高得多。所以除非计算成本超过消息传递成本，否则您应将逻辑包含在 UI 线程 agents（Job 或 Context）中。

进一步阅读：

  • pub_sub 示例展示了组件如何使用 agents 相互通信。