暑期前端训练day1

js------记忆函数

2025-06-19

day1

一、记忆函数Ⅰ:

链接:https://leetcode.cn/problems/memoize/?envType=problem-list-v2\&envId=GR5hbGen

(1) 题意:给定一个函数,返回一个记忆版的函数,其中你只会包含三个可能输入的函数,sum(a, b) { return a + b};fib(n) = fib(n - 1) + fib(n - 2);fac(n) = n * fac(n - 1);最终希望每次相同的参数都缓存下来。

(2) 题解:可以动态开点,去存map套map,因为三个函数都有不可能为undefined的性质,所以我们可以以undefined为判断条件

code:

js 复制代码
function memoize(fn) {
    let mp = new Map()  
    function setFn(L, v) {
        let tmp = mp 
        for(let i = 0; i < L.length; ++ i ) {
            if(i < L.length - 1) {
                if(!tmp.get(L[i])) tmp.set(L[i], new Map())
                tmp = tmp.get(L[i])   
                continue 
            }
            // console.log(tmp)
            tmp.set(L[i], v) 
        }
    }
    function get(L) {
        let tmp = mp
        for(let i = 0; i < L.length; ++ i ) {
            if(tmp.get(L[i]) !== undefined) {
                tmp = tmp.get(L[i]) 
            }
            else {
                return undefined
            }
        }
        return tmp 
    }
    return function(...args) {
        const res = get(args) 
        if(res != undefined) return res
        const aim = fn(...args)
        setFn(args, aim) 
        return aim 
    }
}
/** 
 * let callCount = 0;
 * const memoizedFn = memoize(function (a, b) {
 *	 callCount += 1;
 *   return a + b;
 * })
 * memoizedFn(2, 3) // 5
 * memoizedFn(2, 3) // 5
 * console.log(callCount) // 1 
 */

二、记忆函数Ⅱ:升级版本,需要适用于所有可能的函数

链接: https://leetcode.cn/problems/memoize-ii/

题解:这里我们可以考虑参数,需要考虑的是有些函数[1, 1, 1], [1], [1, 1]三种不同的参数可以算出不同的值,所以上面的方案已经不适用了,我们可以从参数的特征下手,可以发现参数列表的长度是区分它们的关键,所以我们在用set和get的时候,最前面加入一个参数列表的长度。

还有一个很重要的就是,函数可能会返回undefined,null之类的东西,所以我们需要多记录一个map,来确定我们是否已经开点了。

code:

js 复制代码
/**
 * @param {Function} fn
 * @return {Function}
 */
function memoize(fn) {
    let mp = new Map()  
    let st = new Map() 
    function setFn(L, v) {
        let tmp = mp, stp = st 
        for(let i = 0; i < L.length; ++ i ) {
            if(i < L.length - 1) {
                if(!stp.get(L[i])) {
                    tmp.set(L[i], new Map())
                    stp.set(L[i], new Map()) 
                }
                tmp = tmp.get(L[i])   
                stp = stp.get(L[i]) 
                continue 
            }
            // console.log(tmp)
            tmp.set(L[i], v) 
            stp.set(L[i], true) 
        }
    }

    function get(L) {
        let tmp = mp
        let stp = st 
        for(let i = 0; i < L.length; ++ i ) {
            if(stp.get(L[i])) {
                tmp = tmp.get(L[i])
                stp = stp.get(L[i])  
            }
            else {
                return "无解"
            }
        }
        return tmp 
    }

    return function(...args) {
        const cs = [args.length]
        cs.push(...args) 
        const res = get(cs) 
        if(res != "无解") return res
        const aim = fn(...args)
        setFn(cs, aim)  
        return aim 
    }
}


/** 
 * let callCount = 0;
 * const memoizedFn = memoize(function (a, b) {
 *	 callCount += 1;
 *   return a + b;
 * })
 * memoizedFn(2, 3) // 5
 * memoizedFn(2, 3) // 5
 * console.log(callCount) // 1 
 */
相关推荐
极客密码2 小时前
感谢雷总!Mimo大模型价值¥659/月的 MAX 套餐,让我免费领到了!
前端·ai编程·claude
深念Y3 小时前
我明白为什么B站没法在浏览器开直播了——Windows Chrome推流踩坑全记录
前端·chrome·webrtc·浏览器·srs·直播·flv
zhangxingchao3 小时前
AI应用开发七:可以替代 RAG 的技术
前端·人工智能·后端
Sun@happy3 小时前
现代 Web 前端渗透——基础篇(1)
前端·web安全
希冀1234 小时前
【CSS学习第十一篇】
前端·css·学习
隔窗听雨眠4 小时前
doctype、charset、meta如何控制整个渲染流水线
java·服务器·前端
kyriewen4 小时前
写组件文档写到吐?我用AI自动生成Storybook,同事以后直接抄
前端·javascript·面试
excel4 小时前
🧠 Prisma 表名大写 vs SQL 导出小写问题深度解析(附踩坑与解决方案)
前端·后端
周淳APP4 小时前
【前端工程化原理通识:从源头到运行时的理论阐述】
前端·编译·打包·前端工程化
五点六六六5 小时前
你敢信这是非Native页面写出来的渐变效果吗🌝(底层原理解析
前端·javascript·面试