简介
emiya-angular2-datapool 是一个用于 Angular2+ 项目中的数据缓存管理库，其主要用途是提供一个统一的数据缓存管理方案，使得数据缓存管理变得更加简单、高效。在项目中使用该库可以有效降低代码中数据访问的复杂度，同时自动处理异步数据的等待，以及缓存过期等问题。
代码开源并托管在了 NPM 上，可以方便地引入到项目中使用。
安装
npm install emiya-angular2-datapool --save
使用
引入
在需要使用 emiya-angular2-datapool 的组件中引入该库。
import { EmiyaDataPool } from 'emiya-angular2-datapool';创建缓存池
在需要使用缓存池的组件中，在 constructor 中创建一个数据池实例，指定名称、缓存过期时间和数据获取回调。
private datapool = new EmiyaDataPool('mypool', 1000, (key: string) => {
return new Promise((resolve, reject) => {
// 加载数据的异步方法，并 resolve 获取的数据
resolve({ id: 1, name: 'emiya' });
})
});获取数据
在需要获取数据的组件方法中，使用 datapool.getData 方法获取数据。
const data = await this.datapool.getData('mykey');
console.log(data);存储数据
在需要存储数据的组件方法中，使用 datapool.setData 方法存储数据。
this.datapool.setData('mykey', { id: 1, name: 'emiya' });缓存池信息
你可以通过 datapool.info 获取缓存池的信息。
console.log(this.datapool.info());
示例代码
下面是一个示例代码：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ------------- - ---- --------------------------
------------
--------- -----------
--------- -
-----
------- ------------------------- -------------
------- ------------------------- -------------
------- --------------------------- -------------
------
-
--
------ ----- ------------ -
------- -------- - --- ----------------------- ----- ----- ------- -- -
----------------- ----- ----- - - -----
------ --- ----------------- ------- -- -
------------- -- -
--------- --- -- ----- ------- ---
-- ------
--
---
----- ---------- -
----------------- -------
----- ---- - ----- -------------------------------
------------------
-
----- ---------- -
----------------- -------
----- ---- - ----- -------------------------------
------------------
-
----------- -
------------------ -------
---------------------------------
-
-指导意义
emiya-angular2-datapool 适用于需要统一管理数据缓存的 Angular2+ 项目中，该库可以使得数据缓存变得更加高效、简单。
同时，该库的使用方法也十分简单明了，不需要繁琐的配置即可实现数据的缓存管理，于是可以避免一些类似的代码重复出现，缩短前端开发的时间。
由于该库是基于 TypeScript 写的，因此也给前端开发人员在学习 TypeScript 相关技术时提供了一个实践的参考。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e1ca563576b7b1ecc72