Javascript Memoization 缓存函数使用说明_javascript技巧
程序员文章站
2022-05-08 13:25:42
...
举个例子
var flower= function(){
var t=0,i=0;
for(;it++;
}
return t;
}
flower 返回t的值
假设这个函数需要花费 2-3秒 。
通过 Memoization 函数,再次查找相同的值时,直接获取事先缓存好的 value,立刻返回;
Memoization 函数
var Memoize = function(fn, cache, refetch, obj){
cache = cache || {};//用来缓存结果
return function(){
var k = arguments[1] ? Array.prototype.join.call(arguments, '__') : arguments[0];//多个参数则有'__'分隔开
if (!(k in cache) || (refetch && cache[k] == refetch)) { //如果不在缓存列表中,并且和给定的refetch值相等,重新去运算
cache[k] = fn.apply(obj || fn, arguments); //obj参数可用来改变this指针
}
return cache[k];//返回结果
}
}
Demo:
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
复制代码 代码如下:
var flower= function(){
var t=0,i=0;
for(;it++;
}
return t;
}
flower 返回t的值
假设这个函数需要花费 2-3秒 。
通过 Memoization 函数,再次查找相同的值时,直接获取事先缓存好的 value,立刻返回;
Memoization 函数
复制代码 代码如下:
var Memoize = function(fn, cache, refetch, obj){
cache = cache || {};//用来缓存结果
return function(){
var k = arguments[1] ? Array.prototype.join.call(arguments, '__') : arguments[0];//多个参数则有'__'分隔开
if (!(k in cache) || (refetch && cache[k] == refetch)) { //如果不在缓存列表中,并且和给定的refetch值相等,重新去运算
cache[k] = fn.apply(obj || fn, arguments); //obj参数可用来改变this指针
}
return cache[k];//返回结果
}
}
Demo:
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
上一篇: css3知识 - *茉莉花开*
推荐阅读
-
Powershell小技巧之使用Jint引擎在PowerShell中执行Javascript函数
-
js对数字的格式化使用说明_javascript技巧
-
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异_javascript技巧
-
javascript arguments 传递给函数的隐含参数_javascript技巧
-
window.dialogArguments 使用说明_javascript技巧
-
几个高效,简洁的字符处理函数_javascript技巧
-
JavaScript中URL编码函数代码_javascript技巧
-
斜45度寻路实现函数_javascript技巧
-
一个可以随意添加多个序列的tag函数_javascript技巧
-
JavaScript EasyPager 分页函数_javascript技巧