Vom porni de la un set de date organizate sub forma ierarhica prin relatii de tip parinte-copil si vrem sa le afisam sub forma unor liste imbricate in pagina HTML.
Fara alte unelte la indemana (librarii externe), vom crea dinamic un tabel HTML folosind Web API (plain vanilla javascript). Pentru a manipula tabelul in DOM apelam la interfata
HTMLTableElement
.
Faceti urmatorul calcul:
Acest tutorial vine in continuarea articolului de aici. In prima parte am simulat request-urile asincronice cu setTimeout()
.
Mai intai de toate sa stabilim ca toti stim ce inseamna o functie recursiva: o functie care contine cod ce apeleaza chiar functia respectiva. Deci o functie care se auto-apeleaza.
Metoda reduce()
(Array.prototype.reduce
) ne poate ajuta sa cream un flux bine definit de executie al promisiunilor. Cateodata ar fi util sa putem controla ordinea de executie a unor apeluri asincronice.
.map()
si .reduce()
sunt piese de baza ale programarii functionale in JS.
Cand vorbim de programare functionala, contrastam cu programarea imperativa.
Codul devine mult mai expresiv si de obicei este mai concis.
Odata ce ne obisnuim cu acest mod de programare, va fi si mai usor de inteles codul aplicatiilor.