
记忆法
使用相同参数执行的函数的缓存机制(memoizer)(仅 1.14 kb)
该项目提供了 memoize 函数,通过缓存昂贵的函数调用结果来提高 javascript 或 typescript 项目的性能。通过记忆,使用相同参数重复调用将返回缓存的结果,从而加快执行速度。
这个模块的工作方式类似于 react 的 usememo hook,但不需要 react。您可以使用任何框架或纯javascript项目
npm 包
github
特征
函数记忆:缓存具有相同参数的函数调用结果。依赖跟踪:如果依赖关系发生变化,则更新缓存。灵活性:可用于 javascript 和 typescript 项目。cpu密集型运算或复杂计算的最佳解决方案断开连接的函数将从内存中删除。属于该函数的缓存也被删除。基于weakmap的缓存存储weakmap 断开无法与弱引用链接通信的方法,并触发垃圾收集器启动
使用案例
没有 deps 参数
在下面的过程中,当使用相同的参数再次调用 concatphonenumber 方法时,该函数不会再次执行,而是从缓存中获取结果。
import memofy from "memofy";const concatphonenumber = (extension, number) => { // 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 = () => { // 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免费学习笔记(深入)”;
所有文件1001001001000lib1001001001000index.ts1001001001000库/商店1001001001000cachestore.ts1001001001000depsstore.ts1001001001000
以上就是防止重新执行已使用相同参数处理过一次的大型 JavaScript 函数的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1490902.html
微信扫一扫
支付宝扫一扫