简介
Everton 是一个流行的npm包，用于在前端项目中管理状态，它提供了一种简单的方式来管理应用中的数据，并支持集成React，Redux和ReactiveX等流行的库。
在本篇文章中，我们将讨论如何使用Everton，包括如何安装，创建状态和使用状态。
安装
要安装Everton，您需要使用npm安装它。可以使用以下命令来安装：
--- ------- -------
安装完成后，您可以使用以下命令导入Everton：
------ - ----------- - ---- ----------
创建状态
在使用Everton之前，您需要创建状态。状态是一个JavaScript对象，可以包含任何关于应用程序的信息，例如用户数据、交互数据、应用程序配置等。
下面是一个简单的示例代码：
----- ------------ - - ------ -- -------- ------ ------- --
在这个示例中，我们创建了一个名为initialState的状态，其中包含两个属性：count和message。
创建Store
创建状态后，您需要将其传递给Everton的createStore函数中。createStore函数接收两个参数：reducer函数和initialState。
----- ------- - ------ - ------------- ------- -- -
------ ------------- -
---- ------------------
------ -
---------
------ ----------- - -
--
---- ------------------
------ -
---------
------ ----------- - -
--
---- -----------------
------ -
---------
-------- --------------
--
--------
------ ------
-
--
----- ----- - -------------------- --------------在上面的代码中，我们定义了一个reducer函数，它将根据传入的action类型对状态进行更改。我们使用createStore函数，并将该reducer函数和initialState作为参数传递给它。
Action
Action是一个简单的JavaScript对象，其必须包含一个type属性。根据类型，Everton会执行相应的reducer函数，并更新状态。
下面是一个简单的Action示例：
----- -------------- - - ----- ----------------- -- ----- -------------- - - ----- ----------------- -- ----- ------------- - --------- -- -- ----- ----------------- -------- ------- ---
第一个和第二个Action只有一个类型属性。第三个Action不仅有一个类型属性，还有一个有效载荷属性，该属性包含要更改的消息。
Dispatch Action
一旦创建了Store和Action，就可以在应用程序中使用它们了。要将Action发送到Store中，您需要使用dispatch函数。
------------------------------- ----------------------------------- -----------
每当调用dispatch函数时，Everton都将调用reducer函数，并根据传递的Action类型进行更改。在上面的示例中，我们分别分配了两个不同的操作，分别是增加计数器和更改消息。
订阅状态
要获取状态的最新更改，您需要订阅Store。您可以使用subscribe函数来订阅Store。
----- -------- - -- -- - ------------------ ---------- ------------------ -- --------------------------
在这个示例中，我们通过调用subscribe函数来订阅Store，并传递了一个回调函数onChange。该回调函数将在状态更改时被调用，并打印新的状态值。
总结
Everton是一个流行的npm包，可以轻松管理应用程序中的状态。我们讨论了如何安装Everton并创建Store、定义reducer、Action和订阅状态。通过学习这些基本知识，您将能够使用Everton管理应用程序中的状态。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005662e81e8991b448e20de