记忆函数:前端开发中提高效率的神器!(一)

记忆函数适用于那些具有重复计算或计算成本较高的函数,通过缓存计算结果,可以大大减少计算时间,提升代码性能。它在前端开发中常用于处理递归函数、动态规划等场景,以优化算法的执行效率。

什么时记忆函数呢

记忆函数,也称为缓存函数或记忆化函数,是一种在计算机编程中常用的优化技术。它通过将函数的输入和对应的输出结果存储起来,以便在后续调用时直接返回已经计算过的结果,从而避免重复计算,提高程序的执行效率。

举个例子

css 复制代码
 function add(a,b){
 return  a+b
 }

这个简单的倆数相加的函数,那我们还要优化的空间嘛,当然有啊, 以必须传入俩个参数,还有必须是俩个整数,代码展示

javascript 复制代码
function add(a, b)
{ 
if (arguments.length != 2) 
{
throw new Error('必须传递两个参数') 
} if (typeof a !== 'number' || typeof b !== 'number') 
{ throw new Error('必须传递两个正树')
} 
return a + b; }

在这里我就要跟你们说一下arguments的用法啦

agruments的用法

伪数组 Arguments 是 JavaScript 中的一个对象,它类似于数组但并不是真正的数组。它包含一个 length 属性和一组数字索引的元素,但是没有数组对象所具有的方法(如 push、pop 等等)

Arguments 对象可以在函数内部使用,用于访问函数被调用时传递的参数。例如:

javascript 复制代码
function myFunction() {
  console.log(arguments.length); // 打印参数个数
  console.log(arguments[0]); // 打印第一个参数
  console.log(arguments.prototype.toString.call() ) //'[object xxx]'
}
myFunction("Hello", "World"); // 输出 2 和 "Hello"

需要注意的是,arguments 对象不是一个真正的数组,所以不能使用数组的方法直接对其进行操作。如果需要将其转换为真正的数组,可以使用 Array.from() 或者展开运算符(...)来实现,还有一个临时转变:

javascript 复制代码
function myFunction() {
  const argsArray = Array.from(arguments); 
  const argsArray = [...arguments];
  // 将 arguments 转换为数组
  const argsArray =  Array.prototype.join.call(arguments,'--')//临时转变,其他俩种方法是永久转变
  console.log(argsArray); // 打印转换后的数组
}
myFunction("Hello", "World"); // 输出 ["Hello", "World"]

来大招了记忆函数

javascript 复制代码
function add(a, b) {
    if (arguments.length != 2) {
        throw new Error('必须传递两个参数')
    }
    if (typeof a !== 'number' || typeof b !== 'number') {
        throw new Error('必须传递两个正树')
    }
    return a + b;


}
//记忆函数  百搭的
function memorize(f) {
    if (typeof f !== 'function') return
    var cache = {}
    return function () {
        var key = arguments.length +
            Array.prototype.join.call(arguments, ",")
        if (key in cache) {
            return cache[key]
        } else {
            var res = f.apply(this, arguments)
            cache[key] = res
            return res
        }
    }

}
const memorizdAdd = memorize(add)

在这里我们生一个记忆函数,主要是生产一个闭包函数让已经算过的数字存储起来,计算机下次算到这个数字直接用就行不要再次的计算,这样我们就费空间,节约时间,这个样在我们开发的时候,就是使性能提升。假如你对闭包不理解可以观看深入理解 JavaScript 中的调用栈、作用域链和闭包,这个也是我写的文章,希望能对你有帮助

下期我们来个实例斐波那契数列 来个记忆函数练习,喜欢的来个关注 点赞 这个也是以后写文章的动力所在 谢谢大家能观看我的文章 咱下期再见 拜拜

相关推荐
天蓝色的鱼鱼4 分钟前
前端实战:精准还原用户阅读位置的三大方案
前端·javascript
李永宁22 分钟前
AI 编辑器 + MCP 轻松实现设计稿生成前端代码
前端·mcp·trae
江城开朗的豌豆29 分钟前
Vue的隐形魔法:虚拟DOM和Diff算法如何让页面飞起来?
前端·javascript·vue.js
江城开朗的豌豆36 分钟前
Vue中key值的秘密:为什么这个小东西能让列表渲染更聪明?
前端·javascript·vue.js
tager38 分钟前
为什么推荐使用Whistle而不是Fiddler、Charles!🤗
前端·fiddler·charles
江城开朗的豌豆1 小时前
Vue 3.0真香!用了半年后我来告诉你为什么这么爽
前端·javascript·vue.js
前端工作日常1 小时前
我理解的 npm 作用域包
前端
小小小小宇1 小时前
移动端软键盘弹出问题
前端
小小小小宇1 小时前
前端常见浏览器兼容性问题
前端
小小小小宇8 小时前
前端并发控制管理
前端