防止重新执行已使用相同参数处理过一次的大型 JavaScript 函数

百变鹏仔 2个月前 (10-14) #JavaScript

文章标签函数

记忆法

使用相同参数执行的函数的缓存机制（memoizer）（仅 1.14 kb）

该项目提供了 memoize 函数，通过缓存昂贵的函数调用结果来提高 javascript 或 typescript 项目的性能。通过记忆，使用相同参数重复调用将返回缓存的结果，从而加快执行速度。

这个模块的工作方式类似于 react 的 usememo hook，但不需要 react。您可以使用任何框架或纯javascript项目

npm 包
github

特征

使用案例

没有 deps 参数

在下面的过程中，当使用相同的参数再次调用 concatphonenumber 方法时，该函数不会再次执行，而是从缓存中获取结果。

import memofy from "memofy";const concatphonenumber = (extension, number) =&gt; {  // heavy calculation  // return result};const memoizedconcatphonenumber = memofy(concatphonenumber, []);memoizedconcatphonenumber(90, 555); // runs concatphonenumber when first runmemoizedconcatphonenumber(90, 555); // get value from cachememoizedconcatphonenumber(90, 552); // runs concatphonenumber because params is change

带 deps 参数

如果你想让方法根据某些依赖关系以相同的参数再次运行，你可以传递 deps 参数，如下所示。

import memofy from "memofy";const taxRatio = 0.5;const product = { title: "Test product", price: 10 };const calculateTax = () =&gt; {  // Calculate tax by product price  // Heavy calculation  return taxRatio * product.price;};const memoizedConcatPhoneNumber = memofy(calculateTax, [product, taxRatio]);calculatedPrice = calculateTax(); // Runs concatPhoneNumber when first runproduct.price = 40;let calculatedPrice = calculateTax(); // Runs concatPhoneNumber because product dep changedtaxRatio = 0.8;calculatedPrice = calculateTax(); // Runs concatPhoneNumber because taxRatio changed

绩效结果

区分素数的复杂函数的性能结果。性能测试

案例	毫秒
首次执行时间（无缓存）	> 52.08 毫秒
第二次执行时间（缓存）
以及后续执行（缓存）

测试覆盖率结果

针对所有情况和所有参数类型编写了测试。测试

立即学习“Java免费学习笔记（深入）”；

文件	% stmts	% 分支	% 功能	% 线路
所有文件	100	100	100	100
lib	100	100	100	100
index.ts	100	100	100	100
库/商店	100	100	100	100
cachestore.ts	100	100	100	100
depsstore.ts	100	100	100	100

文章推荐

防止重新执行已使用相同参数处理过一次的大型 JavaScript 函数

记忆法

使用相同参数执行的函数的缓存机制（memoizer）（仅 1.14 kb）

特征

使用案例

没有 deps 参数

带 deps 参数

绩效结果

测试覆盖率结果

JavaScript如何获取宏控件数据？

JavaScript怎样读取宏控件数据？

JavaScript获取宏控件数据的技巧

探究JavaScript与Java的联系和区别

javascript:void(o)如何解决？