在前端开发中，我们经常需要管理应用程序的状态。通常情况下，这些状态存储在组件级别的本地状态中，但有时候我们需要在不同组件之间共享状态。为了实现这一点，可以使用全局状态管理库。
Fullstore 是一个轻量级、快速而且易于使用的全局状态管理库，它允许你在应用程序中创建全局状态，并将其存储在单个对象中。该库支持订阅模式，因此当状态发生变化时，它会自动更新所有已订阅的组件。
安装
要使用 Fullstore，首先需要安装它。可以使用 npm 来进行安装：
npm install fullstore
或者，如果您使用 yarn，则可以运行以下命令：
yarn add fullstore
创建和更新全局状态
Fullstore 提供了两种类型的全局状态：可变状态和不可变状态。可变状态可以随时更改，而不可变状态则是只读的。
创建可变状态
要创建可变状态，可以使用 createStore 函数：
import { createStore } from 'fullstore';
const myState = createStore(0); // 创建名为 myState 的初始值为 0 的状态你还可以在创建状态时提供一个默认值：
const myStateWithDefault = createStore(() => {
console.log('Creating initial value');
return 0;
});在这种情况下，会调用传递的函数来计算默认值。
创建不可变状态
要创建不可变状态，可以使用 createReadOnlyStore 函数：
import { createReadOnlyStore } from 'fullstore';
const myImmutableState = createReadOnlyStore(0);注意，一旦创建了不可变状态，就无法更改它。如果你尝试更改它，Fullstore 将抛出一个异常。
更新状态
要更新可变状态，请使用 setStore 函数：
myState(1); // 将 myState 的值设置为 1
当状态发生更改时，Fullstore 会自动通知所有已订阅的组件。
访问状态
要访问状态，请像访问普通 JavaScript 对象属性一样访问 Fullstore 状态：
console.log(myState); // 输出当前状态值（例如：1）
订阅状态更改
Fullstore 支持订阅模式，允许您在状态更改时收到通知。要订阅全局状态更改，请使用 watchStore 函数：
import { watchStore } from 'fullstore';
watchStore(myState, (newValue, oldValue) => {
console.log(`myState 更改为 ${newValue}，之前的值为 ${oldValue}`);
});当状态更改时，Fullstore 将调用传递的回调函数，并将新值和旧值作为参数传递给该函数。
示例
下面是一个使用 Fullstore 的示例，它演示了如何在不同的 React 组件之间共享状态：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ------------ ---------- - ---- ------------
----- ------------ - ---------------
------ ------- -------- --------- -
----- ------- --------- - -------------------------------
------------------ -- -
------ ------------------------ -------- -- -
-------------------
---
-- ----
------ -
-----
--------------
------- ----------- -- ------------------ - ---------------
------
--
-在这个示例中，我们创建了一个全局计数器状态，然后将其用于两个 React 组件：Counter 和 App。Counter 组件订阅了计数器状态，并在状态更改时更新其本地状态。App 组件通过 counterState() 访
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/43440