Shrnutí

V této lekci jste se naučili, že:

• setTimeout(function () { ... }, 2000) spustí funkci jednou, za 2000 milisekund (2 sekundy). Předejte samotnou funkci, bez ().
• Skript na časovač nečeká: řádky za setTimeout() proběhnou hned, a tak všechno, co se má stát po čekání, patří do funkce.
• setTimeout() vrací id časovače a clearTimeout(casovac) časovač zruší. Id si uložte do proměnné s let mimo obsluhy, aby ho mohla použít každá obsluha.
• setInterval(function () { ... }, 1000) spouští funkci každou sekundu, dokud interval nezastaví clearInterval(casovac). Proměnná mimo funkci si pamatuje to, co se mezi spuštěními mění, třeba zbývající sekundy.
• tlacitko.disabled = true; vypne tlačítko, zatímco stránka pracuje, a false ho zase zapne.
• Funkce, která chvíli trvá, vrací objekt Promise, tedy hodnotu, která dorazí později. await na hodnotu počká a funguje jen ve funkci označené async. Bez await dostanete samotný objekt Promise a stránka ukáže [object Promise].
• Funkce označená async může čekat několikrát, krok za krokem, třeba pomocí await pockej(1000);. Zbytek stránky mezitím funguje dál.
• Zpráva jako Načítám… před await dá uživateli vědět, že stránka čeká.
• Když Promise selže, await vyhodí chybu. try { ... } catch (chyba) { ... } ji zachytí a chyba.message je její text. finally proběhne na konci v obou případech.

V příští lekci, Data ze serveru, budou vaše stránky načítat data ze serveru pomocí funkce fetch(), která taky vrací Promise, takže tam budete await používat pořád.

Nejdřív si ale procvičte časovače na bleskovém kvízu, ve kterém má hráč na odpověď jen 2 sekundy. Tentokrát je script.js prázdný a celý program napíšete sami.