数据结构
网络
关系型数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究什么是 JavaScript 中的 Flux 架构组件？
如果你在过去几年里一直关注 JavaScript 世界，你可能听说过“flux”架构的概念。简而言之，flux 是一种用于管理应用程序中数据流的模式。它最初是为 React 设计的，但它可以与任何其他 JavaScript 框架一起使用。
有几种不同的方法可以实现 flux，但它们都共享一些关键组件：
分发器 - 这是一个中央对象，负责管理应用程序中的所有数据流。所有更新都从分发器开始。
存储 - 这些是包含应用程序数据的对象。可以将它们视为模型，但它们还具有发出更改事件的能力。
视图 - 这些是构成用户界面的 React 组件。它们侦听存储发出的更改事件并相应地更新自身。
在本教程中，我们将更深入地了解每个组件，并了解它们如何协同工作。
分发器
分发器是 flux 应用程序的中心枢纽。它负责管理所有数据流。所有更新都从分发器开始。
分发器是一个单例对象，这意味着应用程序中只有一个实例。它也是一个事件发射器。当发生操作时，分发器会发出一个事件，其中包含操作类型和任何相关数据。
分发器将这些事件广播到存储，然后存储相应地更新自身。视图侦听存储发出的更改事件并更新自身。
存储
存储是包含应用程序数据的对象。可以将它们视为模型，但它们还具有发出更改事件的能力。
当存储从分发器接收操作时，它可以选择相应地更新自身。更新其数据后，它会发出更改事件。
视图侦听这些更改事件并更新自身。
视图
视图是构成用户界面的 React 组件。它们侦听存储发出的更改事件并相应地更新自身。
在 flux 应用程序中，所有更新都从分发器开始。分发器会发出一个事件，其中包含操作类型和任何相关数据。存储接收这些事件并相应地更新自身。存储更新其数据后，它们会发出更改事件。视图侦听这些更改事件并更新自身。
结论
Flux 是一种用于管理应用程序中数据流的模式。它最初是为 React 设计的，但它可以与任何其他 JavaScript 框架一起使用。
有几种不同的方法可以实现 flux，但它们都共享一些关键组件：分发器、存储和视图。
分发器是 flux 应用程序的中心枢纽。它负责管理所有数据流。所有更新都从分发器开始。
存储是包含应用程序数据的对象。可以将它们视为模型，但它们还具有发出更改事件的能力。
视图是构成用户界面的 React 组件。它们侦听存储发出的更改事件并相应地更新自身。
363 次查看
