前端API请求缓存方案

此时 我们就会行使 类来对api举办缓存

class Api {  
// 缓存10s  
@ApiCache(10)  
// 此时不要行使默认值，由于当前 修饰器 取不到  
getWare(params1, params2) {  
return request.get('/getWares')  
}  
}  

由于函数存在函数晋升，以是没有步伐操作函数来做 修饰器

譬喻:

var counter = 0;  
var add = function () {  
counter++;  
};  
@add  
function foo() {  
}  

该代码意图是执行后counter便是 1，可是现实上功效是counter便是 0。由于函数晋升，使得现实执行的代码是下面这样

@add  
function foo() {  
}  
var counter;  
var add;  
counter = 0;  
add = function () {  
counter++;  
};  

以是没有 步伐在函数上用修饰器。详细参考ECMAScript 6 入门 Decorator

此方法写法简朴且对营业层没有太多影响。可是不行以动态修改 缓存时刻

挪用方法

getWares(1,2).then( ... )  
// 第二次挪用 取得先前的promise  
getWares(1,2).then( ... )  
// 差异的参数，不取先前promise  
getWares(1,3).then( ... )  

总结

api的缓存机制与场景在这里也根基上先容了，根基上可以或许完成绝大大都的数据营业缓存，在这里我也想求教教各人，有没有什么更好的办理方案，可能这篇博客中有什么差池的处所，接待指正，在这里感激列位了。

同时这里也有许多没有做完的事变，也许会在后头的博客中继承完美。

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!