Избегавање рекурзије у ЈаваСцрипт функцији пројекције слајдова са обећањима

Модификовање рекурзивне ЈаваСцрипт функције да би се избегло прекорачење стека позива

ЈаваСцрипт – приступ заснован на обећањима са интервалном петљом да би се избегла рекурзија

const duration = 2000; // Time to display each slide in milliseconds
const sizes = [[4000, 500], [1000, 4000], [600, 400], [100, 200], [4000, 4000]];
let n = 0;
const sleep = ms => new Promise(resolve => setTimeout(resolve, ms));

function showSlides(duration) {
  const myParent = document.querySelector('#slide-div');
  setInterval(async () => {
    let sizeIndex = n++ % sizes.length;
    let w = sizes[sizeIndex][0];
    let h = sizes[sizeIndex][1];
    let myRandomizer = `https://placehold.co/${w}x${h}?text=${w}x${h}`;

    try {
      let myResponse = await fetch(myRandomizer);
      let myBlob = await myResponse.blob();
      let myUrl = URL.createObjectURL(myBlob);
      URL.revokeObjectURL(myParent.querySelector('img').src);
      myParent.querySelector('img').src = myUrl;
    } catch (error) {
      console.error('Error: ', error);
    }
  }, duration);
}

Коришћење асинхроног ЈаваСцрипт-а без рекурзије

ЈаваСцрипт - Решење које користи петљу са обећањима и избегава сетИнтервал

const duration = 2000; // Time to display each slide in milliseconds
const sizes = [[4000, 500], [1000, 4000], [600, 400], [100, 200], [4000, 4000]];
let n = 0;
const sleep = ms => new Promise(resolve => setTimeout(resolve, ms));

async function showSlides(duration) {
  const myParent = document.querySelector('#slide-div');

  while (true) {
    let sizeIndex = n++ % sizes.length;
    let w = sizes[sizeIndex][0];
    let h = sizes[sizeIndex][1];
    let myRandomizer = `https://placehold.co/${w}x${h}?text=${w}x${h}`;

    try {
      let myResponse = await fetch(myRandomizer);
      let myBlob = await myResponse.blob();
      let myUrl = URL.createObjectURL(myBlob);
      URL.revokeObjectURL(myParent.querySelector('img').src);
      myParent.querySelector('img').src = myUrl;
    } catch (error) {
      console.error('Error: ', error);
    }

    await sleep(duration);
  }
}

Уобичајена питања о избегавању рекурзије у ЈаваСцрипт презентацији

1. Шта је рекурзија у ЈаваСцрипт-у и зашто је то проблем у пројекцијама слајдова?
2. Рекурзија се јавља када функција позива саму себе, и ако се ради континуирано, може довести до прекорачења стека. У пројекцији слајдова, ово би изазвало прекомерну употребу меморије и потенцијално срушило претраживач.
3. Како могу да избегнем рекурзију у ЈаваСцрипт функцији?
4. Једно решење је коришћење setInterval или setTimeout за планирање задатака без рекурзије. Друга опција је модел вођен догађајима, где се функције покрећу одређеним догађајима корисника или претраживача.
5. Зашто је мој покушај да користим while(true) закључати претраживач?
6. Коришћење while(true) без асинхроне операције као await или setTimeout ради у непрекидној петљи без паузе, што блокира главну нит, узрокујући замрзавање претраживача.
7. Могу ли да користим Promises да се избегне рекурзија?
8. да, Promises дозвољавају асинхроно извршавање без рекурзивних позива функција. Ово осигурава да се свака операција заврши пре него што почне следећа, спречавајући преливање стека.
9. Шта је requestAnimationFrame и како то помаже?
10. requestAnimationFrame је метод који вам омогућава да креирате глатке анимације синхронизоване са брзином освежавања прегледача. Ефикасан је и спречава непотребна израчунавања када је картица претраживача неактивна.

Избегавање рекурзије за континуиране петље

Избегавање рекурзије у ЈаваСцрипт функцијама, посебно када се користи Обећања, је критичан за одржавање перформанси. Преласком на приступ заснован на петљи или модел вођен догађајима, програмери могу спречити да стек позива бесконачно расте и избегну рушење прегледача.

Користећи методе попут сетИнтервал или рекуестАниматионФраме, као и ефикасно руковање асинхроним операцијама, омогућиће несметано извршавање задатака као што су пројекције слајдова. Ова решења нуде боље управљање меморијом и спречавају проблеме повезане са рекурзивним позивима функција, обезбеђујући стабилност у дуготрајним процесима.