受reselect启发,实际上,对于某类特定函数——输入相同的情况下,输出一定相同的纯函数,实际上,对于相同的输入参数,没有必要进行多次计算,而是可以将结果缓存起来,在识别到相同的参数时,直接取出该参数对应的结果即可。因此,我编写了computex:
/** * 创建一个可缓存的纯函数。 * 使用场景:纯函数,相同的参数永远得到相同的结果。 * @param {*} fn 原始纯函数 * @param {*} expire 缓存过期时间 * @example * const fn = computex((state) => { * return state.name + ':' + state.age * }) * var a1 = fn({}) * var a2 = fn({}) * // a1 === a2 // 因为参数相同,所以结果使用了缓存,因此也相同(引用相同) */ export function computex(fn, expire = 60000) { const cache = {} // 创建一个循环任务,检查缓存是否过期,如果过期,则删除缓存,释放内存 const recycle = () => { const keys = Object.keys(cache) keys.forEach((key) => { const { time } = cache[key] if (time + expire <= Date.now()) { delete cache[key] } }) setTimeout(recycle, 1000) } // 如果expire设置为0,则缓存永久生效 if (expire) { recycle() } return function(...args) { const hash = getObjectHash(args) if (hash in cache) { const item = cache[hash] return item.result } const result = fn.apply(this, args) const time = Date.now() cache[hash] = { result, time } return result } }
其中computex本身是一个函数,它接收一个函数,返回一个函数,返回的函数是接收到函数的复刻版,运行它得到的结果和运行传入函数是一样的。这样就可以做到缓存计算过程。
/** * 创建一个在同一个同步进程中只获取一次的函数。 * 使用场景:反复调用一个函数,而该函数在本批次运行时,实际执行结果应该相同。 * @param {*} fn * @param {number} expire 缓存过期时间,根据实际的情况来看,如果一个运算比较大,可以设大一点 * @example * const get = getx(() => Date.now()) * var a1 = get() * var a2 = get() * // a1 === a2 // 在同步进程中,直接使用缓存 */ export function getx(fn, expire = 10) { var iscalling = false var cache = null var timer = null return function() { clearTimeout(timer) timer = setTimeout(() => { iscalling = false cache = null }, expire) if (iscalling) { return cache } iscalling = true const result = fn.call(this) cache = result return result } }
getx是另外一个逻辑。当在同一个同步进程中,我们可能会反复调用一个函数,而这些函数在这一次反复调用时,实际上是执行了同一个过程,所以,得到的结果也是一样的,但是在执行过程中消耗了资源。因此,我们可以将这些结果缓存起来,在这一个同步进程结束后再清理掉即可。
/** * 创建一个缓存Promise的异步函数 * @param {*} fn * @param {*} expire 缓存的过期时间,不设置的时候,当Promise结束缓存就会被清空,而如果设置了expire,完全按照expire清空缓存,而不会依赖Promise的结束 */ export function asyncx(fn, expire = 0) { const cache = {} // 创建一个循环任务,检查缓存是否过期,如果过期,则删除缓存,释放内存 const recycle = () => { const keys = Object.keys(cache) keys.forEach((key) => { const { time } = cache[key] if (time + expire <= Date.now()) { delete cache[key] } }) setTimeout(recycle, 1000) } // 如果expire设置为0,则缓存永久生效 if (expire > 0) { recycle() } return function(...args) { const hash = getObjectHash(args) if (hash in cache) { const item = cache[hash] return item.deferer } const deferer = new Promise((resolve, reject) => { Promise.resolve().then(() => fn.apply(this, args)).then(resolve).catch(reject).then(() => { if (expire > 0) { return } delete cache[hash] }) }) const time = Date.now() cache[hash] = { deferer, time } return deferer } }
而对于基于Promise的异步操作,则通过asyncx来实现缓存。缓存的并非Promise最终返回的结果,而是缓存Promise本身,在一个Promise进行中的时候,如果再次调用这个函数,得到的会是未结束的Promise,而非重新发起一个Promise。这有助于解决短时间内反复请求某个api接口的情况。
hello,有个问题要请教一下你,之前你说过网易云的播放器音质挺烂,你说过用了什么耳机再来用苹果的,iphone的音质很差。 我想要你帮我推荐一个手机耳机,或者说是便捷式耳机。不不太想要太大,如果说在体验上很好也是可以接受的。
一直关注你。
谢谢关注,其实我对耳机要求不高,所以没有太多研究。你可以试试airpod,时尚感比较强,如果是追求音质,还是推荐索尼的耳机,如果希望续航长一点,可以考虑项圈的,我买的JBL虽然音质我还觉得不错,但是续航弱。