4 Hasznos JavaScript-nyilatkozatok, amelyeket tudnia kell

A JavaScript-nyilatkozatok megadják a hatalmat különböző típusú logikákat alkalmazzunk kódunkban. A JavaScript többet kínál nekünk, amelyek mindegyike saját célja és szintaxisa. A legismertebb példák között megtalálhatók az expressziós kijelentések, az iterációs utasítások, a feltételes utasítások és így tovább

A mai hozzászólásban látni fogjuk négy kevésbé gyakori JavaScript utasítás előfordulhat, hogy korábban nem ismert, de elmélyítheti a JavaScript ismereteit, és jobb kódot írhat.

1. Üres nyilatkozat

Bármely JavaScript-nyilatkozat helyett üres nyilatkozatot adhat hozzá, amely egyetlen félkötegként van írva ;. Amikor a JavaScript tolmács egy üres nyilatkozatot értelmez, nincs kód végrehajtva, ezért hasznosak lehetnek cserélje ki azokat az al-utasításokat, amelyeket nem kíván végrehajtani.

Tegyük fel például, hogy van egy változó lakmusz az alapértelmezett értékkel semleges. Egy másik változó értékének alapján pH, lakmusz megváltozik savas ha a pH-érték < 7 or alapvető ha pH> 7.

Ha az értéke pH kiderül, hogy érvénytelen, hiba történt. Az a feltétel így a következő feltételes utasítások alkalmazandók:

 var litmus = 'semleges'; var pH; ha (pH> 0 & & pH<7) litmus = 'acidic'; else if(pH>7 & & pH<15) litmus = 'basic'; else throw "Invalid pH value"; 

A fenti állítások azonban hibákat vetnek fel, amikor pHértéke 7, ami nem lehet a helyzet.

Amikor pH 7, lakmusz meg kell őriznie az alapértelmezett értékét semleges. Tehát egy ilyen esethez adjon hozzá egy feltételt, amikor pH 7-es, egy üres végleges nyilatkozattal.

 var litmus = 'semleges'; var pH; ha (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";

Most, mikor pH 7, a tolmács nem hajt végre semmilyen utasítást, és lakmusz megtartja alapértelmezett értékét, semleges.

Az üres utasítások is használhatók egy tömb feltöltésére a mert hurok.

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

Általában a mert A hurok utasítását egy al-utasítás követi, amely egy vagy egy blokk-állításból áll (a beillesztett göndör zárójelek). Az al-utasítás helyett egy üres nyilatkozatot használva a tolmácsnak semmi sem kell végrehajtania minden egyes hurok után, így csak a loop megtörténik, és a hurkolási feltételek végrehajtásra kerülnek.

A fenti példában, ary [i ++] = i végrehajtja az egyes hurok iterációkat a hurkolási feltétel részeként és a tömböt Ary lesz én.

2. A debugger Nyilatkozat

A hibakeresési eszközökben tudunk jelölők hozzáadása hívott töréspontok a forráskód bármely sorához jelölje ki azokat a vonalakat, ahonnan a hibakereső eszköz elkezdi a hibakeresést.

A JavaScriptben a debugger nyilatkozat ugyanúgy működik, mint egy töréspont, kivéve, hogy ez közvetlenül a forráskódba, nem egy eszközön belül. Bármely futó hibakereső lesz állítsa le a parancsfájl végrehajtását amikor eléri a debugger nyilatkozat annak érdekében, hogy segítse a kód hibakeresését.

Ne feledje, hogy a hibakeresés elindul csak akkor, ha a parancsfájl hibakeresési módban fut, azaz egy hibakeresési program fut a parancsfájl végrehajtása során. Ha nincs folyamatban lévő hibakereső program a debugger a tolmács folytatja a munkáját, mintha semmi nem történt volna.

Gyors tesztként futtassa a következő kódot a Codepenben, miközben a böngésző hibakereső eszközét nyitja meg:

 console.log ( 'tesing'); debugger; console.log ('hibakeresési nyilatkozat');

Látni fogja a töréspontot a debugger a böngésző hibakereső eszközében az alábbiak szerint.

3. Címkézett nyilatkozat

A JavaScript-ben bizonyos utasításokhoz címkéket is hozzáadhat. Ezzel megteheti később ugorj a címkézett utasításra a címke használatával, olyasmi mint a menj nyilatkozat más nyelveken működik.

A címkézett utasítások csak a szünet és Folytatni nyilatkozatok, mivel a JavaScriptben nincs szó menj nyilatkozat.

Mindkét szünet és Folytatni csak a looping utasításokban, például a mert hurok (egy kivétel, szünet lehet használni a kapcsoló nyilatkozatot is). Szóval, hurkot jelölhetünk és használhatunk szünet és Folytatni végrehajtásuk ellenőrzésére.

A a címkézett utasítások szintaxisa egyszerű, csak a címke nevét kell hozzáadnia a következő kettősponttal, ahogy azt az alábbi példában láthatja, ahol hurok az a címke neve, amelyet hozzáadunk a mert hurok.

 hurok: a (var i = 0; i<5; i++) if(i===2) continue loop; console.log(i); // 0, 1, 3, 4 

Amikor az érték én 2, a végrehajtás ugrás a ciklus helyett, és így megakadályozza a konzol kimenetét “2”.

Most lássunk egy másik példát a szünet nyilatkozat. Csak cserélje ki a Folytatni kulcsszó a szünet a fenti példában, és észreveszed, hogy ahelyett, hogy visszaléptél volna a hurokhoz, mint ahogyan Folytatni, a hurok vége / megszakad.

 hurok: a (var i = 0; i<5; i++) if(i===2) break loop; console.log(i); // 0, 1 

A fenti példák meglehetősen egyszerűek voltak ahhoz, hogy gyorsan megértsük, hogyan működnek a címkézett utasítások, de a valós kódolásban a címkéket gyakrabban használják összetett hurkokban, amikor meg kell különböztetni a különböző hurkot, mint a következő példában:

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

Itt, a külső hurok szünetek a 2. értéknél a változó én és 1-re j, és a konzol a következő kimenetet adja vissza:

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

4. A val vel Nyilatkozat

Amikor a JS tolmács minősíthetetlen nevet kap amely nem határozza meg, hogy melyik objektumot vagy függvényt társítja a híváshoz keresi a hatókörláncot bármely alkalmas objektum vagy funkció esetében a hívás utalhat.

A val vel nyilatkozat, tudjuk adjon hozzá egy objektumot a hatókörlánc tetejére, és adja meg, hogy melyik objektumhoz kapcsolódik a hívás.

A következő példában láthatjuk, hogy a személy az objektum nevét egyedül a nevükben hívják val vel nyilatkozat.

 var person = firstName: "John", utolsó név: "Doe", kor: "18", ország: "Grönland"; (személy) console.log ("Szia, a nevem" + firstName + "" + utolsó név + ". vagyok" + kor + "éves, és élek" + ország + ".");  // "Szia, a nevem John Doe. 18 éves vagyok és Grönlandban élek."

Hasonlítsa össze a fenti kódot úgy, mintha a val vel nyilatkozat:

 var person = firstName: "John", utolsó név: "Doe", kor: "18", ország: "Grönland"; console.log ("Szia, a nevem" + person.firstName + "" + person.lastName + ". Én vagyok" + person.age + "éves, és élőben" + person.country + "." ); // "Szia, a nevem John Doe. 18 éves vagyok és Grönlandban élek."

Láthatjuk, a val vel Az utasítás nagyszerű parancsikon lehet, ha ugyanazon objektum sok tulajdonságával dolgozik.

Ne feledje azonban, hogy a val vel nyilatkozat szigorú módban nem engedélyezett, mivel zavart okozhat bizonyos területeken.

Azt is javasoljuk, hogy használja a val vel nyilatkozat, ha a belső nyilatkozatai az objektumhoz kapcsolódnak val vel nyilatkozat, ellenkező esetben a tolmács időt veszít a tárgyban említett tárgyra nézve val vel Először is, az összes nem minősített tulajdonság nevében később találja meg val vel Blokk.