”工欲善其事,必先利其器。“—孔子《论语.录灵公》
首页 > 编程 > 防止重新执行已使用相同参数处理过一次的大型 JavaScript 函数。

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

发布于2024-08-29
浏览:745

Prevents re-execution of large javascript functions that have been processed once with the same parameter.

记忆法

使用相同参数执行的函数的缓存机制(memoizer)(仅 1.14 KB)

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

这个模块的工作方式类似于react的useMemo钩子,但不需要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 run
memoizedConcatPhoneNumber(90, 555); // get value from cache

memoizedConcatPhoneNumber(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 run

product.price = 40;
let calculatedPrice = calculateTax(); // Runs concatPhoneNumber because product dep changed

taxRatio = 0.8;
calculatedPrice = calculateTax(); // Runs concatPhoneNumber because taxRatio changed

绩效结果

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

案件 多发性硬化症
首次执行时间(无缓存) > 52.08 毫秒
第二次执行时间(缓存)
以及后续执行(缓存)

测试覆盖率结果

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

文件 % 语句 % 分支 % 函数 % 行 未覆盖的行#s
所有文件 100 100 100 100 0
100 100 100 100 0
index.ts 100 100 100 100 0
lib/store 100 100 100 100 0
CacheStore.ts 100 100 100 100 0
DepsStore.ts 100 100 100 100 0
版本声明 本文转载于:https://dev.to/ahmetilhn/prevents-re-execution-of-large-javascript-functions-that-have-been-processed-once-with-the-same-parameter-1ici?1如有侵犯,请联系[email protected]删除
最新教程 更多>
  • Python 字典如何保持代码干净、干燥
    Python 字典如何保持代码干净、干燥
    Python 字典和 DRY 原则:初学者快速指南 嘿! ?如果您正在深入研究 Python 编程,您可能偶然发现了字典,并且可能想知道“Python 中的字典到底是什么?它如何帮助我更智能地编写代码?”不用担心,让我们用一种超级简单的方式来分解它。 Python ...
    编程 发布于2024-11-06
  • 使用 Django、Twilio 和 Pinata 构建安全的匿名反馈系统
    使用 Django、Twilio 和 Pinata 构建安全的匿名反馈系统
    在本指南中,我将引导您使用 Django、用于短信通知的 Twilio、用于安全媒体上传的 Pinata 以及用于响应式样式的 TailwindCSS 构建安全匿名反馈系统。在本教程结束时,您将拥有一个功能齐全的反馈系统,用户可以在其中提交反馈、选择上传媒体以及接收短信通知 - 所有这些都考虑到安全...
    编程 发布于2024-11-06
  • 为什么 Tkinter Entry 的 get 函数不返回任何内容?
    为什么 Tkinter Entry 的 get 函数不返回任何内容?
    Tkinter Entry 的 get 函数没有产生任何结果:综合解释当尝试使用 get() 从 Tkinter Entry 小部件检索用户输入时函数时,您可能会遇到空返回值。这个看似令人困惑的问题源于 Tkinter 的异步特性和函数执行的顺序。在提供的代码片段中,您尝试在创建 Entry 后立即...
    编程 发布于2024-11-06
  • 使用 NodeJs 开始使用 RabbitMq
    使用 NodeJs 开始使用 RabbitMq
    RabbitMq简介 RabbitMq 是一个消息代理,允许在不同服务之间发送和接收消息。它是一个实现高级消息队列协议(AMQP)的消息代理。用 Erlang 编程语言编写。 安装 RabbitMq RabbitMq 可以使用各自的包管理器安装在不同的操作系统上。 RabbitMQ需...
    编程 发布于2024-11-06
  • 让网络更加互联
    让网络更加互联
    让网络更加互联 - Infometka 如何解决“隐形网站”问题 作为一名 Web 开发人员和 ???️??????️ 的创建者,我一直热衷于解决现实世界的问题。今天,我想分享我开发的一个解决方案,我相信它可以为无数网站所有者带来重大改变,并在某种程度上使互联网成为一个更加互联的地方。 ...
    编程 发布于2024-11-06
  • 使用 React 构建 Loop Studio
    使用 React 构建 Loop Studio
    介绍 Loop Studio 是一个沉浸式网站,旨在展示各种虚拟现实 (VR) 项目。使用 React,我们可以有效地管理和渲染不同的组件,以构建有凝聚力和交互式的用户体验。该项目采用简洁的设计,带有导航标题、详细的 VR 部分、创作画廊以及带有社交媒体链接的页脚。 ...
    编程 发布于2024-11-06
  • 如何解决用PHP在CURL中发送多维数组时出现“数组到字符串转换”错误?
    如何解决用PHP在CURL中发送多维数组时出现“数组到字符串转换”错误?
    通过 CURL 和 PHP 发送多维数组使用 CURL 发布包含多维数组的表单数据时,遇到“数组到字符串转换”错误是一个常见问题。当尝试使用包含数组的数组设置 CURLOPT_POSTFIELDS 时会发生这种情况。由于 Content-Type 标头必须是 multipart/form-data ...
    编程 发布于2024-11-06
  • 如何在 Selenium 中使用 \"span:contains(\'String\')\" 解决 InvalidSelectorException?
    如何在 Selenium 中使用 \"span:contains(\'String\')\" 解决 InvalidSelectorException?
    Selenium 中的 Invalid SelectorException with "span:contains('String')"在 Firefox 中使用 Python 中的 Selenium 时,尝试使用 CSS 选择器“span:contains(&#...
    编程 发布于2024-11-06
  • 如何将 HTML 附加到容器元素而不出现 InnerHTML 陷阱?
    如何将 HTML 附加到容器元素而不出现 InnerHTML 陷阱?
    在没有innerHTML的情况下将HTML附加到容器元素重新访问当前的问题是如何将HTML附加到容器元素,同时避免限制以及使用innerHTML属性的陷阱。正如OP正确指出的那样,innerHTML由于其替换现有内容的行为,可能会破坏嵌入媒体等动态元素。幸运的是,有一个替代方案可以克服这些问题:in...
    编程 发布于2024-11-06
  • 持续测试:确保 DevOps 管道的质量
    持续测试:确保 DevOps 管道的质量
    持续测试是现代软件开发中的关键实践,尤其是在 DevOps 框架内。它涉及在整个软件交付管道中自动执行测试,以确保对代码库所做的每项更改都得到彻底验证。通过将测试集成到开发过程的每个阶段,持续测试旨在尽早发现和解决缺陷,从而显着降低生产故障的风险。 什么是持续测试? 持续测试是作为软件交付管道的一...
    编程 发布于2024-11-06
  • 背景颜色改变视频
    背景颜色改变视频
    在 Instagram 上关注我们 在本视频教程中,我将指导您使用 HTML、CSS 和 JavaScript 构建令人惊叹的 Instagram 卡片。该卡片具有充满活力的变色边框、圆形个人资料图片和“关注我们”按钮,为您的在线形象增添了吸引力。该项目非常适合增强您的作品集或社交媒体页面,展示了简...
    编程 发布于2024-11-06
  • 如何使用 PHP 清除浏览器缓存?
    如何使用 PHP 清除浏览器缓存?
    使用 PHP 清除浏览器缓存浏览器缓存将经常访问的文件存储在本地,从而缩短网站加载时间。但是,如果缓存的文件已过时,它也会干扰测试和开发。本文介绍如何使用 PHP 清除浏览器缓存。清除浏览器缓存的 PHP 代码以下 PHP 代码将标头发送到客户端浏览器,指示其清除其缓存:header("C...
    编程 发布于2024-11-06
  • AWS Lambda 与 Go,初始样板
    AWS Lambda 与 Go,初始样板
    照片由 Lukáš Vaňátko 在 Unsplash 上拍摄 介绍 Go 由于其简单性一直是我最喜欢的语言之一。最近,我决定弄清楚如何使用用 Go 编写的 lambda 函数创建一个简单的样板无服务器项目。我对工具和开发人员体验很好奇。 目标 我想创建一个 RES...
    编程 发布于2024-11-06
  • 在 Laravel 中对底部为空值和非空值的行进行降序排序
    在 Laravel 中对底部为空值和非空值的行进行降序排序
    使用数据库时,经常会遇到某些字段可能为空或 NULL 的情况。经常出现的一个挑战是如何对记录进行排序,以便具有空字段的行出现在结果集的底部,而具有非空值的行以有意义的方式排序(例如,降序)。在这篇文章中,我将通过一个实际示例向您展示如何在 Laravel 中实现这一目标。 设想 假设...
    编程 发布于2024-11-06
  • 橄榄油的好处
    橄榄油的好处
    橄榄油的好处 橄榄油通常被誉为地中海饮食的基石,不仅可以为各种菜肴增添风味,而且还对健康有益。橄榄油从橄榄树的果实中提取,已经使用了几个世纪,现代研究不断发现它的许多优点。以下是将橄榄油纳入饮食的一些主要好处: 1. 心脏健康 橄榄油富含单不饱和脂肪,尤其是油酸,众...
    编程 发布于2024-11-06

免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。

Copyright© 2022 湘ICP备2022001581号-3