网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

如何提升JavaScript递归效率

这篇文章将为大家详细讲解有关如何提升JavaScript递归效率,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

创新互联公司-专业网站定制、快速模板网站建设、高性价比南芬网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式南芬网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖南芬地区。费用合理售后完善,10年实体公司更值得信赖。

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

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

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

function memoizer(fundamental, cache) {     cachecache = cache || {};     var shell = function(arg) {         if (! (arg in cache)) {             cache[arg] = fundamental(shell, arg);         }         return cache[arg];     };     return shell;   }

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

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

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

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

function merge(left, right) {     var result = [];     while (left.length > 0 && right.length > 0) {         if (left[0] < right[0]) {             result.push(left.shift());         } else {             result.push(right.shift());         }     }     return result.concat(left).concat(right);   }   //采用递归实现的归并排序算法   function mergeSort(items) {     if (items.length == 1) {         return items;     }     var middle = Math.floor(items.length / 2),     left = items.slice(0, middle),     right = items.slice(middle);     return merge(mergeSort(left), mergeSort(right));   }

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

// 采用迭代实现的归并排序算法   function mergeSort(items) {     if (items.length == 1) {         return items;     }     var work = [];     for (var i = 0,     len = items.length; i < len; i++) {         work.push([items[i]]);     }     work.push([]); //in case of odd number of items     for (var lim = len; lim > 1; lim = (lim + 1) / 2) {         for (var j = 0,         k = 0; k < lim; j++, k += 2) {             work[j] = merge(work[k], work[k + 1]);         }         work[j] = []; //in case of odd number of items     }     return work[0];   }

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

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

关于“如何提升JavaScript递归效率”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


网站栏目:如何提升JavaScript递归效率
路径分享:http://bjjierui.cn/article/iejjsh.html

其他资讯