js03模拟lodash中的memoize函数

Lodash memoize 函数详解

最新推荐文章于 2025-10-06 06:26:32 发布

原创最新推荐文章于 2025-10-06 06:26:32 发布 · 400 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #vue.js

前端训练营笔记专栏收录该内容

5 篇文章

订阅专栏

本文介绍了 Lodash 中的 memoize 函数及其工作原理，通过示例代码展示了如何使用 memoize 对函数进行缓存，避免重复计算。同时提供了一个简易的 memoize 实现方案。

Lodash中memoize函数可以对一个函数进行缓存，返回一个被缓存过的函数，然后这个函数就只能被执行一次

案例：

const _ = require('lodash');

const test = ()=>{
  console.log(123);
}

const memoizedTest = _.memoize(test);//返回一个被缓存的函数
console.log(memoizedTest());//只有这个被执行
console.log(memoizedTest());
console.log(memoizedTest());
console.log(memoizedTest());

模拟momeize函数

const memoize = (fn)=>{
  let cache = {};
  return ()=>{
    if(!cache[fn]){//一开始cache没有[fn]这个属性，第一次执行之前给cache添加了这个属性，通过是否有[fn]这个内容，决定是否运行fn这个函数。
      cache[fn] = fn;
      fn();
      return;
    }
  }
}

const res = memoize(test);
console.log(res());
console.log(res());
console.log(res());
console.log(res());