Özyinelemeli işlevde büyük bir dizi işlenirken taşma taşması

Question

Dizi listesi çok büyükse, aşağıdaki özyineleme kodu neden yığın taşmasına neden oluyor? Bunu nasıl düzeltebilirim ve özyinelemeyi hala koruyabilirim?

var list = readHugeList(); 

var nextListItem = function() { 
    var item = list.pop(); 

    if (item) { 
     // process the list item... 
     nextListItem(); 
    } 
}; 

Answer 1

Bu çok garip gelecektir, ancak bir setTimeout kullanın. Bunun gibi

:

//fill it with 50000 elements 
var list = Array(50001).join('1.1').split('.'); 

var nextListItem = function() { 
    var item = list.pop(); 

    if (item) { //should be list.length 

     // recursion here! 
     setTimeout(nextListItem, 0); 

    } 
}; 
nextListItem(); 

tekrarlama şimdi sonsuz olduğunu!

Bazı tarayıcıların oradaki 0 hoşuna gitmediğine dikkat edin.
Bir yan etki olarak kodunuz tarayıcıyı engellemez.

Answer 2

Sadece bir diziden geçiyor gibi görünüyor. Basit bir for döngü kullanmayı denediniz mi?

var list = readHugeList(); 
for (var i = 0; i < list.length; i++) { 
    //Do something with list[i] 
}