提升JavaScript递归效率:Memoization技术详解

开发 前端
递归是拖慢脚本运行速度的大敌之一,太多的递归会让浏览器变得越来越慢直到死掉或者莫名其妙的突然自动退出。这里我们可以通过memoization技术来替代函数中太多的递归调用,提升JavaScript效率。

递归是拖慢脚本运行速度的大敌之一。太多的递归会让浏览器变得越来越慢直到死掉或者莫名其妙的突然自动退出,所以我们一定要解决在JavaScript中出现的这一系列性能问题。

我们可以通过memoization技术来替代函数中太多的递归调用。memoization是一种可以缓存之前运算结果的技术,这样我们就不需要重新计算那些已经计算过的结果。

对于通过递归来进行计算的函数,memoization简直是太有用了。我现在使用的memoizer是由Crockford写的,主要应用在那些返回整数的递归运算中。当然并不是所有的递归函数都返回整数,所以我们需要一个更加通用的memoizer()函数来处理更多类型的递归函数。

  1. function memoizer(fundamental, cache) {   
  2.   cachecache = cache || {};   
  3.   var shell = function(arg) {   
  4.       if (! (arg in cache)) {   
  5.           cache[arg] = fundamental(shell, arg);   
  6.       }   
  7.       return cache[arg];   
  8.   };   
  9.   return shell;   

这个版本的函数和Crockford写的版本有一点点不同。首先,参数的顺序被颠倒了,原有函数被设置为***个参数,第二个参数是缓存对象,为可选参数,因为并不是所有的递归函数都包含初始信息。在函数内部,我将缓存对象的类型从数组转换为对象,这样这个版本就可以适应那些不是返回整数的递归函数。在shell函数里,我使用了in操作符来判断参数是否已经包含在缓存里。这种写法比测试类型不是undefined更加安全,因为undefined是一个有效的返回值。我们还是用之前提到的斐波纳契数列来做说明:

  1. var fibonacci = memoizer(function(recur, n) {   
  2.   return recur(n - 1) + recur(n - 2);   
  3. }, { "0": 0, "1": 1} ); 

同样的,执行fibonacci(40)这个函数,只会对原有的函数调用40次,而不是夸张的331,160,280次。memoization对于那些有着严格定义的结果集的递归算法来说,简直是棒极了。然而,确实还有很多递归算法不适合使用memoization方法来进行优化。

有的观点认为,任何使用递归的情况,如果有需要,都可以使用迭代来代替。实际上,递归和迭代经常会被作为互相弥补的方法,尤其是在另外一种 出问题的情况下。将递归算法转换为迭代算法的技术,也是和开发语言无关的。这对JavaScript来说是很重要的,因为很多东西在执行环境中是受到限制的。让我们回顾一个典型的递归算法,比如说归并排序,在JavaScript中实现这个算法需要下面的代码:

  1. function merge(left, right) {   
  2.   var result = [];   
  3.   while (left.length > 0 && right.length > 0) {   
  4.       if (left[0] < right[0]) {   
  5.           result.push(left.shift());   
  6.       } else {   
  7.           result.push(right.shift());   
  8.       }   
  9.   }   
  10.   return result.concat(left).concat(right);   
  11. }  
  12.  
  13. //采用递归实现的归并排序算法   
  14. function mergeSort(items) {   
  15.   if (items.length == 1) {   
  16.       return items;   
  17.   }   
  18.   var middle = Math.floor(items.length / 2),   
  19.   left = items.slice(0, middle),   
  20.   right = items.slice(middle);   
  21.   return merge(mergeSort(left), mergeSort(right));   

调用mergeSort()函数处理一个数组,就可以返回经过排序的数组。注意每次调用mergeSort()函数,都会有两次递归调用。这个算法不可以使用memoization来进行优化,因为每个结果都只计算并使用一次,就算缓冲了结果也没有什么用。如果你使用mergeSort()函数来处理一个包含100个元素的数组,总共会有199次调用。1000个元素的数组将会执行1999次调用。在这种情况下,我们的解决方案是将递归算法转换为迭代算法,也就是说要引入一些循环:

  1. // 采用迭代实现的归并排序算法   
  2. function mergeSort(items) {   
  3.   if (items.length == 1) {   
  4.       return items;   
  5.   }   
  6.   var work = [];   
  7.   for (var i = 0,   
  8.   len = items.length; i < len; i++) {   
  9.       work.push([items[i]]);   
  10.   }   
  11.   work.push([]); //in case of odd number of items   
  12.   for (var lim = len; lim > 1; lim = (lim + 1) / 2) {   
  13.       for (var j = 0,   
  14.       k = 0; k < lim; j++, k += 2) {   
  15.           work[j] = merge(work[k], work[k + 1]);   
  16.       }   
  17.       work[j] = []; //in case of odd number of items   
  18.   }   
  19.   return work[0];   

这个归并排序算法实现使用了一系列循环来代替递归进行排序。由于归并排序首先要将数组拆分成若干只有一个元素的数组,这个方法更加明确的执行了这个操作,而不是通过递归函数隐晦的完成。work数组被初始化为包含一堆只有一个元素数组的数组。

在循环中每次会合并两个数组,并将合并后的结果放回work数组中。当函数执行完成后,排序的结果会通过work数组中的***个元素返回。在这个归并排序的实现中,没有使用任何递归,同样也实现了这个算法。

【编辑推荐】

  1. JavaScript中的函数式编程实践
  2. JavaScript函数的定义及形式参数
  3. 揭开Javascript闭包的真实面目 

 

责任编辑:王晓东 来源: JavaEye博客
相关推荐

2009-03-11 17:31:46

2015-10-08 17:15:20

RFID技术物联网

2024-10-15 10:11:04

2020-08-11 08:11:40

JavaScript开发技术

2020-07-25 19:38:54

JavaScriptJavaScript库Web

2020-03-23 09:31:51

JavaScript函数技术

2012-04-19 10:23:03

虚拟化微虚拟化

2012-06-26 09:55:38

2022-01-19 16:13:20

戴尔

2020-06-16 10:00:00

航空

2009-11-27 15:24:48

PHP递归效率

2017-12-21 19:53:25

润乾蒋步星

2020-10-19 15:39:34

人工智能

2020-07-17 10:40:35

人工智能

2013-04-02 10:10:06

JavaScriptJS

2011-07-08 10:22:12

智能布线

2024-10-09 12:18:38

2015-07-28 10:42:34

DevOpsIT效率

2024-08-30 17:14:34

2020-09-21 17:48:20

5G监控能源
点赞
收藏

51CTO技术栈公众号