在前端开发中，我们时常需要使用异步函数，但是有些异步函数可能会被频繁的调用，导致性能问题。这时候，可以使用Memoization的技术，将函数的结果缓存起来，下次调用的时候就可以直接返回结果，减少对服务器的请求。在JavaScript中，我们可以使用memoize_promise_call这个npm包来实现Memoization。
什么是memoization
Memoization是一种优化技术，可以将函数的运行结果缓存起来，下次使用同样的参数调用函数时，直接返回缓存的结果。Memoization在处理大量的重复计算和I/O时，可以大大提高性能。
memoize_promise_call的使用
在Node.js中，安装memoize_promise_call：
npm install memoize_promise_call
使用该包的核心方法是mempize_promise_call。该方法输入一个原始函数，它将生成一个新函数，该新函数将唯一地缓存Promise值并返回它。该方法具有以下基本形式：
memoizedFunction = memoize_promise_call(originalFunction);
memoize_promise_call还包含许多map函数可以设置不同的选项。
例子
在这个例子中，我们将使用memoize_promise_call来缓存一个异步函数对某个url进行fetch操作的结果，并且在5秒内只需要请求一次。
-- -------------------- ---- -------
----- ------- - --------------------------------
----- ----- - ----------------------
----- --------- - --------
----- ----- -- -
------------------- ------- -- ---------
----- -------- - ----- -----------
------ ----------------
--
- ------- ---- - -- ---- ----- --- - -------
--
------ -- -- -
-- ---- ----- -------
----- ----- - ----- ----------------------------------------------------------
-------------------
-- ---- ------ -------
----- ----- - ----- ----------------------------------------------------------
-------------------
-----运行代码后，可以看到在第二次请求中，控制台只输出了第一次的“Making request to…”信息。
memoize_promise_call参数选项
memoize_promise_call函数可以接受一些参数选项，进一步控制缓存的行为:
maxAge
行为：缓存时间限制，单位：毫秒
default: Infinity
promiseFunction
行为：用于处理版本清除的异步函数
default: null
clearOnStale
行为：缓存已过期，则返回旧的promise
default: false
clearOnError
行为：清除旧的缓存，如果新的promise返回错误，则返回旧的promise
default: false
Returns
行为：一个新的函数根据提供的参数生成。返回Promise值。
结论
memoize_promise_call是一个非常有用的npm包，可以帮助我们在前端开发中实现Memoization技术，提高函数的性能。在使用memoize_promise_call时，有许多参数选项可以控制缓存的行为，开发者可以根据自己的需求来设置。希望本文对读者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005630581e8991b448e0e0c