4 Užitočné vyhlásenia JavaScript, ktoré by ste mali vedieť

Výkazy jazyka JavaScript nám dávajú moc implementovať rôzne typy logiky v našom kóde. JavaScript nám poskytuje niekoľko z nich, z ktorých všetky majú svoj vlastný účel a syntax. Medzi najznámejšie príklady môžeme nájsť výrazové výrazy, iterácie, podmienené vyhlásenia a ďalšie

V dnešnom príspevku uvidíme štyri menej bežné vyhlásenia jazyka JavaScript pravdepodobne ste predtým neviete, ale môžete prehĺbiť znalosti JavaScriptu a umožniť vám napísať lepší kód.

1. Prázdne vyhlásenie

Namiesto akéhokoľvek vyhlásenia jazyka JavaScript môžete pridať prázdne vyhlásenie, ktoré je napísané ako jediné dvojbodky ;. Keď interpretátor jazyka JavaScript interpretuje prázdne vyhlásenie, žiadny kód nie je vykonaný, preto môžu byť užitočné Nahradiť podtriedy, ktoré nechcete vykonávať.

Predpokladajme napríklad, že existuje premenná nazvaná lakmus s predvolenou hodnotou neutrálne. Na základe hodnoty inej premennej nazývanej pH, lakmus zmeny na jeden z nich kyslé keď pH < 7 or basic pri pH> 7.

Ak hodnota pH sa preukáže, že je neplatná, chyba sa vyhodí. Pre podmienka takto platia nasledujúce podmienené vyhlásenia:

 var litmus = "neutrálne"; var pH; ak (pH> 0 && pH<7) litmus = 'acidic'; else if(pH>7 && pH<15) litmus = 'basic'; else throw "Invalid pH value"; 

Vyššie uvedená sada výkazov však uvádza chybu pHHodnota je 7, čo by nemalo byť.

Kedy pH je 7, lakmus by mala zachovať svoju predvolenú hodnotu, to znamená neutrálne. Takže v prípade, ako je tento, pridajte podmienku, kedy pH je 7 s koncovým prázdnym vyhlásením.

 var litmus = "neutrálne"; var pH; ak (pH> 0 && pH<7) litmus = 'acidic'; else if(pH===7) ; /* empty statement */ else if(pH>7 && pH<15) litmus = 'basic'; else throw "Invalid pH value";

Teraz, kedy pH je 7, tlmočník nevykoná žiadne pokyny a lakmus zachováva predvolenú hodnotu, neutrálne.

Prázdne vyhlásenia je možné použiť aj na zaplnenie poľa pomocou pre slučka.

 var ary = []; pre (var i = 0; i < 5; ary[i++] = i) ; /* empty statement */ console.log(ary); // [1, 2, 3, 4, 5]

Typicky: a pre po príkazu slučky nasleduje čiastkové vyhlásenie, ktoré sa skladá z jediného alebo blokového príkazu (príloha uvedená v časti kužeľové zátvorky), ktoré sa majú vykonať. Použitím prázdneho výkazu namiesto čiastkového výpisu, tlmočník nebude mať po každom okruhu vykonať nič, takže len opakovanie dochádza a spúšťacie podmienky sa vykonajú.

Vo vyššie uvedenom príklade, ary [i ++] = i vykoná pre každú opakovanie slučky ako súčasť slučkového stavu a poľa ary sa inštancuje s hodnotami ja.

2. The debugger výkaz

V ladiacich nástrojoch môžeme pridať značky volal zarážky na ľubovoľný riadok v zdrojovom kóde označte riadky, odkiaľ bude debugger spustiť ladenie.

V jazyku JavaScript, debugger výkaz pracuje rovnako ako bod prerušenia, okrem toho, že je pridaný priamo do zdrojového kódu, namiesto nástroja. Akýkoľvek bežiaci debugger bude zastaviť spustenie skriptu keď dosiahne debugger s cieľom pomôcť ladiť kód.

Nezabudnite, že ladenie sa spustí iba ak skript beží v režime ladenia, t. j. ladenie program už beží nad vykonaním skriptu. Ak počas interpretácie nie je aktuálne spustený program debugger debugger vyhlásenie, tlmočník bude pokračovať vo svojej práci, akoby sa nič nestalo.

Ako rýchly test, spustite nasledujúci kód v Codepen, zatiaľ čo nástroj pre ladenie prehliadača je otvorený:

 console.log ( 'tesing'); debugger; console.log ("vyhlásenie o ladení");

Uvidíte bod zlomu debugger ako je uvedené nižšie v nástroji na ladenie prehliadača.

3. Označené vyhlásenie

V systéme JavaScript môžete do určitých vyhlásení pridať štítky. Môžete tak urobiť neskôr prejdite na označené vyhlásenie pomocou svojho štítku vo vašom kóde, druh ako ísť do vyhlásenie funguje v niektorých iných jazykoch.

Označené vyhlásenia môžu byť použité iba spolu s prestávka a ďalej ako v programe JavaScript nie je doslovný ísť do výkaz.

oba prestávka a ďalej môžu byť použité iba vo vnútri slučkových vyhlásení, ako napr pre slučka (s jednou výnimkou, prestávka môže byť použitý v prepínač aj vyhlásenie). Takže môžeme označiť slučky a používať prestávka a ďalej na kontrolu ich vykonania.

syntax označených vyhlásení je jednoduché, stačí pridať názov štítku s nasledujúcou dvojbodkou, ako to vidíte v nižšie uvedenom príklade, kde slučka je názov štítku, ktorý pridávame do pre slučka.

 slučka: pre (var i = 0; i<5; i++) if(i===2) continue loop; console.log(i); // 0, 1, 3, 4 

Keď hodnota ja je 2, vykonanie späť do slučky namiesto pokračovania, a tým zabraňuje výstupu konzoly “2”.

Teraz si ukážeme ďalší príklad prestávka vyhlásenia. Stačí nahradiť ďalej kľúčové slovo s prestávka v uvedenom príklade, a všimnete si, že namiesto skoku späť do slučky, ako to urobil ďalej, slučka končí / prestávky úplne.

 slučka: pre (var i = 0; i<5; i++) if(i===2) break loop; console.log(i); // 0, 1 

Vyššie uvedené príklady boli dosť jednoduché, aby ste mohli rýchlo pochopiť, ako označené vyhlásenia fungujú, ale v kódovaní v reálnom živote sa štítky častejšie používajú v zložených slučkách, keď je potrebné rozlišovať rôzne slučky, ako je to v nasledujúcom príklade:

 slučka: pre (var i = 0; i<4; i++)  for(var j=0; j<2; j++)  if(i===2 && j===1) break loop; console.log(i+"-"+j); 

Tu, vonkajšia slučka prestávky pri hodnote 2 pre premennú ja a 1 za j, a konzola vracia nasledujúci výstup:

 0-0 0-1 1-0 1-1 2-0

4. The s výkaz

Keď interpret JS narazí na nekvalifikované meno ktorý neurčuje, s ktorým objektom alebo funkciou je hovor spojený hľadá reťazec rozsahu pre akýkoľvek vhodný objekt alebo funkciu, na ktorú sa hovor môže vzťahovať.

Použitím s vyhlásenie, môžeme pridajte objekt do hornej časti reťazca, a špecifikujte, s ktorým objektom je hovor spojený.

V nasledujúcom príklade môžete vidieť, že vlastnosti človek objekt sa nazývajú pomocou ich názvov samotných vo vnútri s výkaz.

 var osoba = firstName: "John", lastName: "Doe", vek: "18", krajina: "Grónsko"; s (osobou) console.log ("Ahoj, moje meno je" + firstName + "" + lastName + "Som" + vek + "rokov a žijem v" + krajine + ". Ahoj, volám sa John Doe, mám 18 rokov a žijem v Grónsku. "

Porovnajte, ako by vyzeral vyššie uvedený kód bez použitia s vyhlásenie:

 var osoba = firstName: "John", lastName: "Doe", vek: "18", krajina: "Grónsko"; console.log ("Ahoj, moje meno je" + person.firstName + "" + person.lastName + "Som" + person.age + "rokov a žijem v" + person.country + "." ); Ahoj, volám sa John Doe, mám 18 rokov a žijem v Grónsku. "

Môžete vidieť, s môže byť skvelá skratka, ak pracujete s mnohými vlastnosťami toho istého objektu.

Všimnite si však, že používanie s výkaz v prísnom režime nie je povolené, pretože môže spôsobiť nejasné zmätok.

Tiež je odporúčané používať iba s vyhlásenie, ak jeho interné príkazy používajú objekt spojený s s vyhlásenie, inak tlmočník stráca čas hľadaním do objektu, o ktorom hovorí s najprv pre všetky nekvalifikované mená nehnuteľností, ktoré neskôr nájde vo vnútri s blok.