engined-storage 是一个轻量级的前端数据存储库，它通过简单的 API 和通用的数据对象来操作数据，保证了代码的可维护性和可扩展性。此外，它使用浏览器内置的本地存储机制（localStorage 和 sessionStorage）来实现数据的持久化管理，使程序的运行速度更快，更灵活。
安装
在使用 engined-storage 之前，我们需要先在项目中安装它。可以通过 npm 安装：
npm install engined-storage --save
或使用 yarn 安装:
yarn add engined-storage
快速开始
创建存储对象
通过使用 createStore 函数来创建存储对象，该函数需要两个参数，一个是用于存储数据的名称，一个是存储数据的默认值。例如：
-- -------------------- ---- ------- ------ - ----------- - ---- ------------------ -- ------ ------------ ----- ----- ------------ - --------------------------- ------- --------- -- -- ------------ -- ------------------------ ------------ -- -- ------------ -- ----- ------- - ------------------- ---------------------
使用集合对象
使用 Collection 类来操作集合对象，它可以方便地增加、删除、查询和更新数据。集合对象可以是任何类型的数据，包括对象、数组、字符串等。
例如，创建一个 user 集合对象，其中包含了用户信息：
-- -------------------- ---- ------- ------ - ---------- - ---- ------------------ ----- ----- - --- ------------------- ---- -------------- --- -- ----- ------ ---- -- --- -------------- --- -- ----- -------- ---- -- --- -- ---- --- --- ----- --- - --------------- ----- ----- --- -----------------
事件监听
engined-storage 支持事件监听机制，可以在数据存储中定义事件和处理程序，并在事件触发时执行处理程序。事件可以是任何类型，例如，“数据更新事件”、“数据删除事件”等。
例如，定义一个 greetMessage 存储对象的修改事件，并添加事件处理程序：
-- -------------------- ---- ------- ------ - ----------- - ---- ------------------ ----- ------------ - --------------------------- ------- --------- -- ----------- ------------------------- ------- --------- -- - ---------------- --- ----- -- ----------- --- -- ----------- ------------------------ ------------ -- --- --- ----- -- ------ ---------
示例代码
最后，我们提供一下实际使用场景的示例代码：
-- -------------------- ---- ------- ------ - ------------ ---------- - ---- ------------------ ----- ----- - --- ------------------- ---- ----- ------------ - --------------------------- ------- --------- ------------------------- ------- --------- -- - ---------------- --- ----- -- ----------- --- --------------------- ---------- -- - ---------------- ---- ---- -- -------- ------- -- --------------- --- -------------- --- -- ----- ------ ---- -- --- -------------- --- -- ----- -------- ---- -- --- -------------- --- -- ----- ------- ---- -- --- -------------- --- - --- ------------------------ ------------
在这个例子中，我们先创建了一个 users 存储对象，它用于存储用户信息（包括 id、name 和 age）。然后，我们定义了一个 greetMessage 存储对象，并为它添加了一个更新事件。最后，我们对 users 进行了一些数据操作，这些操作会触发 users 的事件处理程序和 greetMessage 的事件处理程序。运行该示例，输出：
The user data is changed: { id:1, name:Tom, age:18 } by insert
The user data is changed: { id:2, name:Jerry, age:20 } by insert
The user data is changed: { id:1, name:Tony, age:22 } by update
The user data is changed: { id:2, name:Jerry, age:20 } by remove
The new value is Hello, everyone!这个例子展示了 engined-storage 的一些基本用法，包括创建存储对象、使用集合对象、监听事件等。可以根据实际需求，灵活应用这些功能，提高代码的可维护性和可扩展性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562e581e8991b448e084c