加入收藏 | 设为首页 | 会员中心 | 我要投稿 核心网 (https://www.hxwgxz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 建站 > 正文

Web性能优化:理解及使用JavaScript缓存

发布时间:2019-03-23 04:25:16 所属栏目:建站 来源:前端小智
导读:随着我们的应用程序的不断增长并开始进行复杂的计算时,对速度的需求越来越高(),所以流程的优化变得必不可少。 当我们忽略这个问题时,我们最终的程序需要花费大量时间并在执行期间消耗大量的系统资源。 缓存是一种优化技术,通过存储开销大的函数执行

要将 memoizer 函数应用于最初递归的 fibonacci 函数,我们调用 memoizer 函数,将 fibonacci 函数作为参数传递进去。

  1. const fibonacciMemoFunction = memoizer(fibonacciRecursive) 

测试 memoizer 函数

当我们将 memoizer 函数与上面的例子进行比较时,结果如下:

memoizer 函数以 42,982,762 ops/sec 的速度提供了最快的解决方案,比之前考虑的解决方案速度要快 100%。

关于缓存,我们已经说明什么是缓存 、为什么要有缓存和如何实现缓存。现在我们来看看什么时候使用缓存。

何时使用缓存

当然,使用缓存效率是级高的,你现在可能想要缓存所有的函数,这可能会变得非常无益。以下几种情况下,适合使用缓存:

  •  对于昂贵的函数调用,执行复杂计算的函数。
  •  对于具有有限且高度重复输入范围的函数。
  •  用于具有重复输入值的递归函数。
  •  对于纯函数,即每次使用特定输入调用时返回相同输出的函数。

缓存库

  •  Lodash
  •  Memoizer
  •  Fastmemoize
  •  Moize
  •  Reselect for Redux

总结

使用缓存方法 ,我们可以防止函数调用函数来反复计算相同的结果,现在是你把这些知识付诸实践的时候了。

【责任编辑:庞桂玉 TEL:(010)68476606】
点赞 0

(编辑:核心网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读