自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

提升JavaScript遞歸效率:Memoization技術詳解

開發(fā) 前端
遞歸是拖慢腳本運行速度的大敵之一,太多的遞歸會讓瀏覽器變得越來越慢直到死掉或者莫名其妙的突然自動退出。這里我們可以通過memoization技術來替代函數(shù)中太多的遞歸調用,提升JavaScript效率。

遞歸是拖慢腳本運行速度的大敵之一。太多的遞歸會讓瀏覽器變得越來越慢直到死掉或者莫名其妙的突然自動退出,所以我們一定要解決在JavaScript中出現(xiàn)的這一系列性能問題。

我們可以通過memoization技術來替代函數(shù)中太多的遞歸調用。memoization是一種可以緩存之前運算結果的技術,這樣我們就不需要重新計算那些已經(jīng)計算過的結果。

對于通過遞歸來進行計算的函數(shù),memoization簡直是太有用了。我現(xiàn)在使用的memoizer是由Crockford寫的,主要應用在那些返回整數(shù)的遞歸運算中。當然并不是所有的遞歸函數(shù)都返回整數(shù),所以我們需要一個更加通用的memoizer()函數(shù)來處理更多類型的遞歸函數(shù)。

  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;   

這個版本的函數(shù)和Crockford寫的版本有一點點不同。首先,參數(shù)的順序被顛倒了,原有函數(shù)被設置為***個參數(shù),第二個參數(shù)是緩存對象,為可選參數(shù),因為并不是所有的遞歸函數(shù)都包含初始信息。在函數(shù)內部,我將緩存對象的類型從數(shù)組轉換為對象,這樣這個版本就可以適應那些不是返回整數(shù)的遞歸函數(shù)。在shell函數(shù)里,我使用了in操作符來判斷參數(shù)是否已經(jīng)包含在緩存里。這種寫法比測試類型不是undefined更加安全,因為undefined是一個有效的返回值。我們還是用之前提到的斐波納契數(shù)列來做說明:

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

同樣的,執(zhí)行fibonacci(40)這個函數(shù),只會對原有的函數(shù)調用40次,而不是夸張的331,160,280次。memoization對于那些有著嚴格定義的結果集的遞歸算法來說,簡直是棒極了。然而,確實還有很多遞歸算法不適合使用memoization方法來進行優(yōu)化。

有的觀點認為,任何使用遞歸的情況,如果有需要,都可以使用迭代來代替。實際上,遞歸和迭代經(jīng)常會被作為互相彌補的方法,尤其是在另外一種 出問題的情況下。將遞歸算法轉換為迭代算法的技術,也是和開發(fā)語言無關的。這對JavaScript來說是很重要的,因為很多東西在執(zhí)行環(huán)境中是受到限制的。讓我們回顧一個典型的遞歸算法,比如說歸并排序,在JavaScript中實現(xiàn)這個算法需要下面的代碼:

  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. //采用遞歸實現(xiàn)的歸并排序算法   
  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()函數(shù)處理一個數(shù)組,就可以返回經(jīng)過排序的數(shù)組。注意每次調用mergeSort()函數(shù),都會有兩次遞歸調用。這個算法不可以使用memoization來進行優(yōu)化,因為每個結果都只計算并使用一次,就算緩沖了結果也沒有什么用。如果你使用mergeSort()函數(shù)來處理一個包含100個元素的數(shù)組,總共會有199次調用。1000個元素的數(shù)組將會執(zhí)行1999次調用。在這種情況下,我們的解決方案是將遞歸算法轉換為迭代算法,也就是說要引入一些循環(huán):

  1. // 采用迭代實現(xiàn)的歸并排序算法   
  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];   

這個歸并排序算法實現(xiàn)使用了一系列循環(huán)來代替遞歸進行排序。由于歸并排序首先要將數(shù)組拆分成若干只有一個元素的數(shù)組,這個方法更加明確的執(zhí)行了這個操作,而不是通過遞歸函數(shù)隱晦的完成。work數(shù)組被初始化為包含一堆只有一個元素數(shù)組的數(shù)組。

在循環(huán)中每次會合并兩個數(shù)組,并將合并后的結果放回work數(shù)組中。當函數(shù)執(zhí)行完成后,排序的結果會通過work數(shù)組中的***個元素返回。在這個歸并排序的實現(xiàn)中,沒有使用任何遞歸,同樣也實現(xiàn)了這個算法。

【編輯推薦】

  1. JavaScript中的函數(shù)式編程實踐
  2. JavaScript函數(shù)的定義及形式參數(shù)
  3. 揭開Javascript閉包的真實面目 

 

責任編輯:王曉東 來源: JavaEye博客
相關推薦

2009-03-11 17:31:46

2025-01-07 10:48:08

2015-10-08 17:15:20

RFID技術物聯(lián)網(wǎng)

2024-10-15 10:11:04

2020-08-11 08:11:40

JavaScript開發(fā)技術

2025-03-04 13:00:00

JavaScrip代碼語言

2025-03-03 00:15:00

JavaScript開發(fā)效率

2020-07-25 19:38:54

JavaScriptJavaScript庫Web

2020-03-23 09:31:51

JavaScript函數(shù)技術

2012-04-19 10:23:03

虛擬化微虛擬化

2012-06-26 09:55:38

2020-06-16 10:00:00

航空

2022-01-19 16:13:20

戴爾

2017-12-21 19:53:25

潤乾蔣步星

2013-04-02 10:10:06

JavaScriptJS

2009-11-27 15:24:48

PHP遞歸效率

2020-10-19 15:39:34

人工智能

2020-07-17 10:40:35

人工智能

2011-07-08 10:22:12

智能布線

2024-10-09 12:18:38

點贊
收藏

51CTO技術棧公眾號