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

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

什么时记忆函数呢

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

举个例子

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 中的调用栈、作用域链和闭包,这个也是我写的文章,希望能对你有帮助

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

相关推荐
非凡ghost19 分钟前
Typora(跨平台MarkDown编辑器) v1.12.2 中文绿色版
前端·windows·智能手机·编辑器·软件需求
馨谙35 分钟前
/dev/null 是什么,有什么用途?
前端·chrome
JamSlade1 小时前
流式响应 sse 系统全流程 react + fastapi为例子
前端·react.js·fastapi
徐同保2 小时前
react useState ts定义类型
前端·react.js·前端框架
liangshanbo12152 小时前
React 19 vs React 18全面对比
前端·javascript·react.js
望获linux2 小时前
【实时Linux实战系列】Linux 内核的实时组调度(Real-Time Group Scheduling)
java·linux·服务器·前端·数据库·人工智能·深度学习
Never_Satisfied2 小时前
在 JavaScript 中,删除数组中内容为xxx的元素
java·前端·javascript
_菜鸟果果2 小时前
Vue3+echarts 3d饼图
前端·javascript·echarts
怪兽20142 小时前
Redis常见性能问题和解决方案
java·数据库·redis·面试
怪兽20142 小时前
Android多进程通信机制
android·面试