Ošetřování chyb, „try...catch“

Ať jsme sebelepší programátoři, v našich skriptech se někdy vyskytnou chyby. Může se to stát naší vinou, kvůli neočekávanému uživatelskému vstupu, chybné odpovědi serveru nebo z tisíce jiných důvodů.

V případě chyby skript obvykle „spadne“ (okamžitě se zastaví) a vypíše chybu na konzoli.

Existuje vÅ¡ak syntaktická konstrukce try...catch, která nám umožňuje „zachytávat“ chyby, takže skript může místo spadnutí udÄ›lat nÄ›co rozumnÄ›jšího.

Syntaxe „try…catch“

Konstrukt try...catch má dva hlavní bloky: try a za ním catch:

try {

  // kód...

} catch (chyba) {

  // ošetření chyby

}

Funguje následovně:

1. Nejprve se spustí kód v bloku try {...}.
2. Pokud v nÄ›m nejsou chyby, blok catch (chyba) je ignorován: bÄ›h dosáhne konce try, pÅ™eskočí blok catch a pokračuje dál.
3. Pokud nastane chyba, výkon bloku try se ukončí a bÄ›h pokračuje začátkem bloku catch (chyba). PromÄ›nná chyba (můžeme ji pojmenovat jakkoli) bude obsahovat chybový objekt s podrobnostmi o tom, co se stalo.

Chyba uvnitÅ™ bloku try {...} tedy neshodí skript – máme Å¡anci ji zpracovat v bloku catch.

Podívejme se na příklady.

• Příklad bez chyby: zobrazí alert (1) a (2):

  try {
  
    alert('Spuštěn začátek bloku try');  // (1) <--
  
    // ...zde nejsou žádné chyby
  
    alert('Spuštěn konec bloku try');   // (2) <--
  
  } catch (chyba) {
  
    alert('Blok catch je ignorován, protože nenastaly žádné chyby'); // (3)
  
  }

• Příklad s chybou: zobrazí (1) a (3):

  try {
  
    alert('Spuštěn začátek bloku try');  // (1) <--
  
    lalala; // chyba, proměnná není definována!
  
    alert('Spuštěn konec bloku try (nikdy nedosaženo)');  // (2)
  
  } catch (chyba) {
  
    alert(`Nastala chyba!`); // (3) <--
  
  }

try {
  {{{{{{{{{{{{
} catch (chyba) {
  alert("Motor tomuto kódu nerozumí, kód je nesprávný");
}

try {
  setTimeout(function() {
    neexistujícíProměnná; // skript tady spadne
  }, 1000);
} catch (chyba) {
  alert( "nebude to fungovat" );
}

setTimeout(function() {
  try {
    neexistujícíProměnná; // try...catch tuto chybu zpracuje!
  } catch {
    alert( "zde je odchycena chyba!" );
  }
}, 1000);

Chybový objekt

Když nastane chyba, JavaScript vygeneruje objekt obsahující podrobnosti o této chybÄ›. Tento objekt je pak pÅ™edán jako argument do bloku catch:

try {
  // ...
} catch (chyba) { // <-- „chybový objekt“, místo „chyba“ můžeme použít jakýkoli název
  // ...
}

U všech vestavěných chyb má chybový objekt dvě hlavní vlastnosti:

name (název)

Název chyby. Například pro nedefinovanou promÄ›nnou je to "ReferenceError".

message (zpráva)

Textová zpráva o podrobnostech chyby.

Ve většině prostředí jsou k dispozici i další nestandardní vlastnosti. Jedna z nejpoužívanějších a nejpodporovanějších je:

stack (zásobník)

Aktuální zásobník volání: řetězec s informací o posloupnosti vnořených volání, která vedla k chybě. Používá se pro účely ladění.

Například:

try {
  lalala; // chyba, proměnná není definována!
} catch (chyba) {
  alert(chyba.name); // ReferenceError
  alert(chyba.message); // lalala is not defined
  alert(chyba.stack); // ReferenceError: lalala is not defined at (...zásobník volání)

  // Můžeme také zobrazit chybu jako celek
  // Chyba se pak převede na řetězec ve tvaru "name: message"
  alert(chyba); // ReferenceError: lalala is not defined
}

Objekt chyby v „catch“ je nepovinný

Pokud nepotÅ™ebujeme podrobnosti o chybÄ›, catch ji může vynechat:

try {
  // ...
} catch { // <-- bez (chyba)
  // ...
}

Použití „try…catch“

Prozkoumejme případ použití try...catch z reálného života.

Jak už víme, JavaScript podporuje metodu JSON.parse(str) k načtení hodnot zakódovaných do JSONu.

Obvykle se používá k dekódování dat získaných po síti, ze serveru nebo z jiného zdroje.

Načteme data a zavoláme JSON.parse následovnÄ›:

let json = '{"jméno": "Jan", "věk": 30}'; // data ze serveru

let uživatel = JSON.parse(json); // převedeme textovou reprezentaci na objekt JS

// nyní je uživatel objekt s vlastnostmi z řetězce
alert( uživatel.jméno ); // Jan
alert( uživatel.věk );  // 30

Podrobnější informace o JSON naleznete v kapitole Metody pro JSON, toJSON.

Je-li json poÅ¡kozen, pak JSON.parse vygeneruje chybu, takže skript „spadne“.

Měli bychom se s tím spokojit? Ovšemže ne!

Pokud je v datech něco špatně, tímto způsobem se o tom návštěvník nikdy nedozví (pokud si neotevře vývojářskou konzoli). A lidé opravdu nemají rádi, když něco „jen tak spadne“ bez jakéhokoli chybového hlášení.

Použijme tedy k oÅ¡etÅ™ení chyby try...catch:

let json = "{ špatný json }";

try {

  let uživatel = JSON.parse(json); // <-- když nastane chyba...
  alert( uživatel.jméno ); // nespustí se

} catch (chyba) {
  // ...provádění skočí sem
  alert( "Omlouváme se, v datech byly chyby, pokusíme se o ně požádat ještě jednou." );
  alert( chyba.name );
  alert( chyba.message );
}

Zde používáme blok catch jen k zobrazení zprávy, ale můžeme toho udÄ›lat mnohem víc: poslat nový požadavek po síti, nabídnout návÅ¡tÄ›vníkovi alternativu, poslat informace o chybÄ› na logovací zařízení… VÅ¡echno je mnohem lepší než pouhé spadnutí.

Vyvolávání našich vlastních chyb

Co když je json syntakticky správnÄ›, ale neobsahuje požadovanou vlastnost jméno?

Například:

let json = '{ "věk": 30 }'; // neúplná data

try {

  let uživatel = JSON.parse(json); // <-- žádná chyba
  alert( uživatel.jméno ); // jméno není!

} catch (chyba) {
  alert( "toto se nespustí" );
}

Zde JSON.parse probÄ›hl normálnÄ›, ale absence vlastnosti jméno pro nás ve skutečnosti pÅ™edstavuje chybu.

Abychom sjednotili oÅ¡etÅ™ování chyb, použijeme operátor throw.

Operátor „throw“

Operátor throw vygeneruje chybu.

Jeho syntaxe je:

throw <chybový objekt>

Technicky můžeme jako chybový objekt použít cokoli. Může to být dokonce i primitiv, napÅ™. číslo nebo Å™etÄ›zec, ale je lepší používat objekty, pÅ™ednostnÄ› s vlastnostmi name a message (abychom zůstali alespoň zčásti kompatibilní se zabudovanými chybami).

JavaScript obsahuje mnoho vestavÄ›ných konstruktorů pro standardní chyby: Error, SyntaxError, ReferenceError, TypeError a jiné. I ty můžeme použít k vytvoÅ™ení chybových objektů.

Jejich syntaxe je:

let chyba = new Error(zpráva);
// nebo
let chyba = new SyntaxError(zpráva);
let chyba = new ReferenceError(zpráva);
// ...

Ve vestavÄ›ných chybách (ne ve vÅ¡ech objektech, pouze v chybách) je vlastnost name pÅ™esný název konstruktoru a message se pÅ™evezme z argumentu.

Například:

let chyba = new Error("Dějí se věci o_O");

alert(chyba.name); // Error
alert(chyba.message); // Dějí se věci o_O

Podívejme se, jaký druh chyby generuje JSON.parse:

try {
  JSON.parse("{ špatný json o_O }");
} catch (chyba) {
  alert(chyba.name); // SyntaxError
  alert(chyba.message); // Unexpected token Å¡ in JSON at position 2
}

Jak vidíme, je to SyntaxError.

A v naÅ¡em případÄ› je absence vlastnosti jméno chyba, jelikož jméno musí mít každý uživatel.

Vyvolejme tedy chybu:

let json = '{ "věk": 30 }'; // neúplná data

try {

  let uživatel = JSON.parse(json); // <-- žádná chyba

  if (!uživatel.jméno) {
    throw new SyntaxError("Neúplná data: chybí jméno"); // (*)
  }

  alert( uživatel.jméno );

} catch (chyba) {
  alert( "Chyba JSONu: " + chyba.message ); // Chyba JSONu: Neúplná data: chybí jméno
}

Na řádku (*) operátor throw generuje chybu SyntaxError se zadanou zprávou message, stejným způsobem, jakým by ji vygeneroval samotný JavaScript. Výkon bloku try okamžitÄ› skončí a bÄ›h skočí do bloku catch.

Nyní se catch stalo jediným místem pro oÅ¡etÅ™ení vÅ¡ech chyb: jak pro JSON.parse, tak pro jiné případy.

Opětovné vyvolání

V uvedeném příkladu jsme použili try...catch ke zpracování nekorektních dat. Je vÅ¡ak možné, že uprostÅ™ed bloku try {...} nastane i jiná neočekávaná chyba? Například programátorská chyba (promÄ›nná není definována) nebo nÄ›co jiného, nejenom tahle vÄ›c s „nekorektními daty“.

Například:

let json = '{ "věk": 30 }'; // neúplná data

try {
  uživatel = JSON.parse(json); // <-- zapomněli jsme uvést „let“ před proměnnou uživatel

  // ...
} catch (chyba) {
  alert("Chyba JSONu: " + chyba); // Chyba JSONu: ReferenceError: uživatel is not defined
  // (ve skutečnosti to není chyba JSONu)
}

Samozřejmě, všechno je možné! Programátoři dělají chyby. I v utilitách se zveřejněným zdrojovým kódem, které používají milióny lidí desítky let, může být náhle odhalena chyba, která vede ke strašlivým útokům hackerů.

V naÅ¡em případÄ› je try...catch použit k tomu, aby zachytil chyby „nekorektních dat“. Ze své povahy vÅ¡ak catch zachytí vÅ¡echny chyby zevnitÅ™ try. Tady obdrží nečekanou chybu, ale stále zobrazí stejnou zprávu "Chyba JSONu". To je Å¡patnÄ› a ztěžuje to ladÄ›ní kódu.

Abychom se takovým problémům vyhnuli, můžeme využít techniku „opětovného vyvolání“. Pravidlo je jednoduché:

Blok catch by měl zpracovávat jen chyby, které zná, a „opětovně vyvolat“ všechny ostatní.

Techniku „opětovného vyvolání“ můžeme podrobněji vysvětlit takto:

1. Blok catch zachytí všechny chyby.
2. V bloku catch (chyba) {...} analyzujeme chybový objekt chyba.
3. Pokud jej neumíme zpracovat, vyvoláme throw chyba.

Obvykle můžeme ověřit typ chyby operátorem instanceof:

try {
  uživatel = { /*...*/ };
} catch (chyba) {
  if (chyba instanceof ReferenceError) {
    alert('ReferenceError'); // "ReferenceError" kvůli přístupu k nedefinované proměnné
  }
}

Můžeme také získat název třídy chyby z vlastnosti chyba.name. Tu mají vÅ¡echny nativní chyby. Další možností je načíst chyba.constructor.name.

V následujícím kódu můžeme využít opÄ›tovné vyvolání tak, že catch bude zpracovávat pouze SyntaxError:

let json = '{ "věk": 30 }'; // neúplná data
try {

  let uživatel = JSON.parse(json);

  if (!uživatel.jméno) {
    throw new SyntaxError("Neúplná data: chybí jméno");
  }

  blabla(); // neočekávaná chyba

  alert( uživatel.jméno );

} catch (chyba) {

  if (chyba instanceof SyntaxError) {
    alert( "Chyba JSONu: " + chyba.message );
  } else {
    throw chyba; // opětovné vyvolání (*)
  }

}

Chyba vyvolaná na řádku (*) zevnitÅ™ bloku catch „vypadne“ z bloku try...catch a buď může být zachycena vnÄ›jším konstruktem try...catch (pokud existuje), nebo shodí skript.

Blok catch tedy ve skutečnosti oÅ¡etří jen chyby, s nimiž si umí poradit, a vÅ¡echny ostatní „pÅ™eskočí“.

Následující příklad pÅ™edvádí, jak lze takové chyby zachytit další úrovní try...catch:

function načtiData() {
  let json = '{ "věk": 30 }';

  try {
    // ...
    blabla(); // chyba!
  } catch (chyba) {
    // ...
    if (!(chyba instanceof SyntaxError)) {
      throw chyba; // opětovné vyvolání (neumíme si s ní poradit)
    }
  }
}

try {
  načtiData();
} catch (chyba) {
  alert( "Vnější catch zachytil chybu: " + chyba ); // chytili jsme ji!
}

Zde funkce načtiData umí oÅ¡etÅ™it jedinÄ› SyntaxError, zatímco vnÄ›jší try...catch umí oÅ¡etÅ™it vÅ¡echno.

try…catch…finally

Počkat, to ještě není všechno.

Konstrukt try...catch může mít jeÅ¡tÄ› jednu kódovou klauzuli: finally.

Pokud existuje, spustí se ve všech případech:

• po try, pokud nenastaly žádné chyby,
• po catch, pokud nastaly chyby.

Rozšířená syntaxe vypadá následovně:

try {
   ... pokusíme se spustit kód ...
} catch (chyba) {
   ... ošetříme chyby ...
} finally {
   ... toto se vždy spustí ...
}

Zkuste si spustit tento kód:

try {
  alert( 'try' );
  if (confirm('Vyvolat chybu?')) CHYBNÝ_KÓD();
} catch (chyba) {
  alert( 'catch' );
} finally {
  alert( 'finally' );
}

Tento kód může běžet dvěma možnými cestami:

1. Pokud odpovíte „Ano“ na „Vyvolat chybu?“, pak try -> catch -> finally.
2. Pokud odpovíte „Ne“, pak try -> finally.

Klauzule finally se často používá, když začneme nÄ›co dÄ›lat a chceme to ukončit, aÅ¥ je výsledek jakýkoli.

Například chceme změřit čas, jaký spotÅ™ebuje funkce fib(n) pro výpočet Fibonacciho čísel. PÅ™irozenÄ› můžeme zahájit měření pÅ™edtím, než se spustí, a ukončit je posléze. Co když vÅ¡ak bÄ›hem volání funkce nastane chyba? KonkrétnÄ› implementace fib(n) v následujícím kódu vrátí chybu pro záporná nebo necelá čísla.

Klauzule finally je vhodné místo, v nÄ›mž můžeme ukončit měření, aÅ¥ funkce dopadne jakkoli.

Zde finally zaručuje, že čas bude správnÄ› změřen v obou situacích – v případÄ› úspěšného spuÅ¡tÄ›ní fib i v případÄ›, že bÄ›hem nÄ›j nastane chyba:

let číslo = +prompt("Zadejte kladné celé číslo", 35)

let rozdíl, výsledek;

function fib(n) {
  if (n < 0 || Math.trunc(n) != n) {
    throw new Error("Číslo nesmí být záporné a musí být celé.");
  }
  return n <= 1 ? n : fib(n - 1) + fib(n - 2);
}

let začátek = Date.now();

try {
  výsledek = fib(číslo);
} catch (chyba) {
  výsledek = 0;
} finally {
  rozdíl = Date.now() - začátek;
}

alert(výsledek || "nastala chyba");

alert( `výkon funkce trval ${rozdíl} ms` );

Můžete si to ověřit, když spustíte kód a do prompt zadáte 35 – spustí se normálnÄ›, finally pÅ™ijde po try. A pak zadejte -1 – okamžitÄ› nastane chyba a výkon funkce bude trvat 0 ms. ObÄ› měření probÄ›hla správnÄ›.

Jinými slovy, funkce může skončit pomocí return nebo throw, na tom nezáleží. Klauzule finally se spustí v obou případech.

function funkce() {

  try {
    return 1;

  } catch (chyba) {
    /* ... */
  } finally {
    alert( 'finally' );
  }
}

alert( funkce() ); // nejprve se spustí alert z finally a pak tento

function funkce() {
  // začneme dělat něco, co musíme dokončit (např. měření)
  try {
    // ...
  } finally {
    // dokončíme to, i když všechno spadne
  }
}

Globální zachycení

PÅ™edstavme si, že jsme získali fatální chybu mimo try...catch a skript spadl. Například programátorskou chybu nebo nÄ›co jiného straÅ¡ného.

Existuje způsob, jak na takové výskyty reagovat? Můžeme chtít chybu zalogovat, zobrazit něco uživateli (ten obvykle chybové zprávy nevidí) a podobně.

Ve specifikaci žádný není, ale prostÅ™edí jej obvykle poskytují, protože je opravdu užitečný. Například Node.js má k tomuto účelu process.on("uncaughtException"). A v prohlížeči můžeme pÅ™iÅ™adit speciální vlastnosti window.onerror funkci, která se spustí v případÄ› nezachycené chyby.

Syntaxe:

window.onerror = function(zpráva, url, řádek, sloupec, chyba) {
  // ...
};

zpráva

Chybová zpráva.

url

URL skriptu, v němž došlo k chybě.

řádek, sloupec

Číslo řádku a číslo sloupce, v nichž chyba nastala.

chyba

Chybový objekt.

Například:

<script>
  window.onerror = function(zpráva, url, řádek, sloupec, chyba) {
    alert(`${zpráva}\n Na ${řádek}:${sloupec} adresy ${url}`);
  };

  function načtiData() {
    špatnáFunkce(); // Ouha, něco se pokazilo!
  }

  načtiData();
</script>

Úkolem globálního handleru window.onerror obvykle není obnovit bÄ›h skriptu – to je v případÄ› programátorských chyb už zÅ™ejmÄ› nemožné, ale poslat vývojářům chybovou zprávu.

Existují i webové služby, které poskytují logování chyb pro tyto případy, například https://www.muscula.com nebo or https://www.sentry.io.

Fungují následovně:

1. Zaregistrujeme se na službě a dostaneme od ní kousek kódu v JS (nebo URL skriptu), který si vložíme na stránku.
2. Skript v JS nastaví uživatelskou funkci window.onerror.
3. Když nastane chyba, skript pošle službě síťový požadavek s informací o chybě.
4. Pak se můžeme přihlásit na webové rozhraní služby a chyby si prohlédnout.

Shrnutí

Konstrukt try...catch nám umožňuje oÅ¡etÅ™ovat bÄ›hové chyby. Doslova nám umožňuje „pokusit se“ (anglicky „try“) spustit kód a „zachytit“ (anglicky „catch“) chyby, které v nÄ›m mohou nastat.

Syntaxe je:

try {
  // spustí se tento kód
} catch (chyba) {
  // pokud nastala chyba, skočí se sem
  // v proměnné chyba je chybový objekt
} finally {
  // toto se provede v každém případě po try/catch
}

Sekce catch nebo finally tam nemusí být, takže fungují i kratší konstrukty try...catch a try...finally.

Chybové objekty mají následující vlastnosti:

• message – chybová zpráva čitelná človÄ›kem.
• name – Å™etÄ›zec s názvem chyby (název konstruktoru chyby).
• stack (nestandardní, ale Å¡iroce podporovaná) – zásobník v okamžiku vzniku chyby.

Pokud chybový objekt nepotÅ™ebujeme, můžeme jej vynechat a použít jen catch { namísto catch (chyba) {.

Můžeme také generovat své vlastní chyby pomocí operátoru throw. Technicky může být argumentem throw cokoli, ale obvykle to je chybový objekt zdÄ›dÄ›ný z vestavÄ›né třídy Error. O rozÅ¡iÅ™ování chyb se dozvíme více v příští kapitole.

Velmi důležitým vzorcem oÅ¡etÅ™ování chyb je opÄ›tovné vyvolání: blok catch obvykle očekává a umí oÅ¡etÅ™it jen chyby určitého typu, takže chyby, které nezná, by mÄ›l opÄ›tovnÄ› vyvolat.

I když nemáme try...catch, vÄ›tÅ¡ina prostÅ™edí nám umožňuje nastavit „globální“ chybový handler, který bude zachytávat chyby, které „vypadnou“. V prohlížeči je to window.onerror.