在前端开发中，我们经常需要根据输入值生成输出值，这个过程可能会耗费很多时间。为了避免重复计算，我们可以借助 memoize-one 这个 npm 包，将经过计算的结果缓存起来，以提高程序的性能。
安装
安装 memoize-one 很简单，只需在终端中执行以下命令：
npm install memoize-one
使用
基础用法
若需要将一个函数进行缓存，请按照以下步骤操作：
- 在需要使用
memoize-one的文件中引入该库：
const memoizeOne = require('memoize-one')- 定义一个需要缓存的函数：
function add(a, b) {
console.log('计算中')
return a + b
}- 使用
memoize-one对该函数进行包装：
const memoizedAdd = memoizeOne(add)
这样，在第一次调用 memoizedAdd 函数时，会执行计算并将结果缓存起来。以后每次调用 memoizedAdd 函数时，都会先检查是否已经计算过了，如果是，则直接返回已经缓存的结果，否则再进行计算。
- 最后，就可以在代码中使用这个新的函数了：
console.log(memoizedAdd(1, 2)) // 输出：计算中 3 console.log(memoizedAdd(1, 2)) // 输出：3
从第二个 console.log 输出结果可知，当输入值相同时，结果已经缓存下来，所以不需要再次计算。
自定义比较函数
默认情况下，memoize-one 会使用 Object.is 函数来比较输入值是否相同。但是 Object.is 并不能很好地比较NaN和-0，这可能导致一些问题。这时可以使用 isEqual 函数作为比较函数，定义方式如下：
const isEqual = require('lodash/isEqual')
const memoizedFunc = memoizeOne(func, isEqual)这样，isEqual 函数会取代默认的 Object.is 函数。
自定义缓存键
默认情况下，memoize-one 函数将输入值作为缓存键。但是，当输入值是对象或函数时，并不是所有属性或函数参数都需要纳入缓存比较之中。这时，需要自定义缓存键。
自定义缓存键是一个函数，它接收所有输入值作为参数，返回值即为缓存键。我们可以根据实际需求对缓存键进行定制。以下是一个例子：
// 只比较对象中的 name 和 age 属性
function createCustomKey(name, age) {
return { name: name, age: age }
}
const memoizedFunc = memoizeOne(func, createCustomKey)深入学习
memoize-one 的实现原理并不复杂。它会记录上一次输入参数以及计算结果，当给定相同的输入参数时，如果这些参数与上一次不同，则重新计算，否则直接返回上一次的计算结果。
由于缓存键需要通过快速比较实现，所以建议不要使用比较昂贵的缓存键。通常，使用基本数据类型或具有稳定、不变性质的对象作为缓存键是最佳选择。
示例代码
下面是一个示例程序，演示了如何使用 memoize-one 将花费时间的函数进行缓存，以提高程序的性能。该程序将一个数字转换为千位分隔符格式的字符串。
-- -------------------- ---- ------- ----- ---------- - ---------------------- -------- ----------------------------- - ----- ----- - ------------------------- -------- - ----------------------------------------- ---- ------ --------------- - ----- -------------------------------- - ------------------------------------ --------------------------------------------------------- -- -- ------------ --------------------------------------------------------- -- -- ------------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/61313