需要场景:对同一时间发动的大量反复参数雷同的申请做缓存,然而在过了几秒钟之后就不须要缓存了,须要从新向服务器申请最新的数据
lodash.memoize办法会在整个页面的生命周期。须要减少一个超时性能
思路:相似于防抖函数,每次判断是否超过设置工夫,超过就清空缓存列表
const myMemoize = (fn, duration = 2000) => { let t = new Date().getTime(); const memoized = _.memoize(fn, (...args) => JSON.stringify(args)); return (...args) => { const curr = new Date().getTime(); if (curr - t > duration) { memoized.cache = new _.memoize.Cache(); t = curr; } return memoized(...args); };};
ts版
export const myMemoize = <T extends (...args: any[]) => Promise<any>, R = ReturnType<T>>(fn: T, duration = 2000) => { let t = new Date().getTime() const memoized = memoize(fn,(...args: Parameters<T>) => JSON.stringify(args)) return (...args: Parameters<T>) => { const curr = new Date().getTime() if(curr - t > duration) { memoized.cache = new memoize.Cache t = curr } return memoized(...args) as unknown as R }}
例子 https://stackblitz.com/edit/j...