js数据缓存工具类

最新推荐文章于 2022-01-20 00:54:13 发布

zkCodes

最新推荐文章于 2022-01-20 00:54:13 发布

阅读量375

点赞数

分类专栏： js

本文链接：https://blog.youkuaiyun.com/zk_813/article/details/103301285

版权

js 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何在JavaScript中创建一个实用的数据缓存工具类，包括设置缓存、获取缓存以及清除缓存的方法。通过使用这个工具，可以有效地提高应用程序的性能，减少不必要的数据请求。同时，讨论了缓存策略和应用场景，帮助开发者更好地理解和运用数据缓存技术。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 常用的工具类

function ZkUtil(){
	
}

//数据缓存工具类
var  ZkDataCache=function(){
	this.updateMap= new Map();
	this.insertSet=new Set();
	this.deleteSet=new Set();
	 //添加修改项
	 this.addUpdate=function(data){
		 //先判断这个元素是否存在与新增或者删除项中,若不存在在 修改项进行缓存
		 if(this.insertSet.has(data)||this.deleteSet.has(data)){
			 return;
		 }
		 this.updateMap.set(data,JSON.stringify(data));
	 };
	 //添加新增项
	 this.addInsert=function(data){
		 this.insertSet.add(data);
	 }
	 //添加新增项(数组,多项)
	 this.addInsertArray=function(array){
		 for(var i in array){
			 this.addInsert(array[i]);
		 }
	 }
	 //添加删除项
	 this.addDelete=function(data){
		 //判断元素是否存在于新增项中,若存在新增项中,则删除新增项中对应条目,删除项也不缓存,直接返回
		 if(this.insertSet.has(data)){
			 this.insertSet.delete(data);
			 return;
		 }
		 //判断是否修改项中,如果存在则要把他们删除,只在删除项中缓存
		 if(this.updateMap.has(data)){
			 this.updateMap.delete(data);
		 }
		 this.deleteSet.add(data);
	 }
	 //添加删除项(数组,多项)
	 this.addDeleteArray = function(array) {
	 	for (var i in array) {
	 		this.addDelete(array[i]);
	 	}
	 };
	 //获取修改项
	 this.getUpdate = function() {
	 	var resultArray = [];
	 	for (const entry of this.updateMap) {
	 		var keyJson = JSON.stringify(entry[0]);
	 		var valueJson = entry[1];
	 		if (keyJson != valueJson) {
	 			resultArray.push(entry[0]);
	 		}
	 	}
	 	return resultArray;
	 };
	 //获取新增项
	 this.getInsert = function(){
		 return Array.from(this.insertSet);
	 };
	 //获取删除项
	 this.getDelete=function(){
		 return Array.from(this.deleteSet) 
	 };
	 // 清除所有值
	 this.clearAll=function(){
		this.updateMap= new Map();
		this.insertSet=new Set();
		this.deleteSet=new Set();
	 }
	 
}