如何进行更好的面试回复之缓存函数在项目中的性能优化？

缓存函数是一种提高函数性能的技术，在函数被调用时，会将计算结果缓存起来，以便在后续的调用中直接返回缓存的结果，从而减少了重复计算的时间。

缓存函数的实现通常包括两个步骤：

1. 判断缓存是否存在：在函数被调用时，首先判断缓存对象中是否已经存在该参数对应的缓存结果，如果有则直接返回缓存结果，否则进入下一步。

2. 计算并缓存结果：如果缓存不存在，则进行函数的计算，并将计算结果保存到缓存对象中，然后返回计算结果。

使用缓存函数可以大大提高程序的性能，特别是对于一些需要耗费大量时间计算的函数，例如递归计算、数学公式计算等。但需要注意的是，由于缓存函数的缓存对象会占用一定的内存空间，因此需要适度使用缓存函数，避免出现内存溢出等问题。

首先查看以下的代码，当我每次点击的时候，都会打印一次5以内的随机数，那么每次都要进行一次请求。这时我们就可以将数据进行一个缓存，当我们再次打印相同的结果时，直接返回缓存中的结果。

    
    
    


    
缓存函数在项目中的性能优化
    获取数据
    

        
    

这时，我们定义一个缓存函数

function createCachedFunction(originalFunction){
    const cache = {};
    return function(arg){
        if(cache[arg]){
            console.log("从缓存中进行数据获取",arg)
            return Promise.resolve(cache[arg])
        }
    } 

    return originalFunction(arg).then(result => {
        cache[arg] = result;
        console.log('第一次进行数据获取，并实现了缓存',arg);
        return result;
    })
}

 定义之后我们也要去使用这个函数

const cacheFetchData = createCachedFunction(fetchDataFromServer)

fetchButton.addEventListener("click",() => {
    const postId = Math.floor(Math.random() * 5) + 1
    // fetchDataFromServer(postId)
    cacheFetchData(postId).then(data => {
        resultContainer.innerHTML =  `
${JSON.stringify(
            data,
            null,
            2
        )}
`
    })
})

 

全部代码为下列 

缓存函数在项目中的性能优化
    获取数据