使用存储实现事件总线模式
使用可写存储实现全局事件总线，实现解耦通信
使用存储实现事件总线模式 是 CoddyKit 上的免费 Sveltejs Academy 课时。 这是第 2 节课，共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Sveltejs Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 Sveltejs Academy 课程共包含 4 节课。
事件总线
事件总线是一个全局的发布/订阅通道，用于实现解耦通信。
使用可写存储实现
承载最新事件的可写存储可以充当简单的总线。
const bus = writable(null);
export function emit(event) { bus.set(event); }
export function on(fn) { return bus.subscribe(e => { if (e) fn(e); }); }使用场景
一个组件发出提示消息事件；另一个组件订阅该事件，并在全局显示提示消息。
解耦
发送方和接收方不互相导入；双方都依赖事件总线。
类型安全
将事件声明为可区分联合类型，以确保订阅者安全。
type Event = { type: "toast"; text: string } | { type: "logout" };只订阅一次
在组件中使用 $ 简写语法进行自动取消订阅封装。
多个总线
按领域拆分为 appBus、modalBus 和 audioBus，避免使用一个巨大的通道。
反模式
过度使用事件总线会导致隐式的数据流。当所有权明确时，应优先使用直接属性或存储。
重放语义
可写存储只保存最新值。若要保留完整的事件历史记录，请使用数组存储。
外部事件
事件总线还可以封装浏览器事件，例如窗口大小变化或键盘快捷键。
测试
测试可以发出事件，并断言订阅者是否做出了适当响应。
快速检查
事件总线有什么好处？
回顾
使用可写存储构建简单的事件总线。通过发出事件和订阅事件，实现解耦的跨领域通信。
用 AI 导师学习 HTML — 免费
在浏览器中编写并运行真实代码，获得全天候 AI 导师的即时帮助，并在网页或应用中继续学习。
- 课程
- 41
- 课程
- 163
常见问题解答
「使用存储实现事件总线模式」课时是免费的吗？
是的 — 「使用存储实现事件总线模式」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 Sveltejs Academy 课程的其余内容，请升级到 CoddyKit PRO。 Sveltejs Academy 课程共包含 4 节课。
「使用存储实现事件总线模式」这节课中我会学到什么？
使用可写存储实现全局事件总线，实现解耦通信 你通过在浏览器中直接运行的动手代码来练习 Sveltejs Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 Sveltejs Academy 需要有经验吗？
无需任何先前经验。CoddyKit 上的 Sveltejs Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。 这是第 2 节课，共 4 节。
「使用存储实现事件总线模式」课时需要多长时间？
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。
我能在这节 Sveltejs Academy 课中编写并运行代码吗？
能。每节 Sveltejs Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。
此课程中的所有课时
- 存储架构：功能模块
- 使用存储实现事件总线模式
- 乐观界面更新
- 使用存储历史记录实现撤销与重做