4 Hyödyllisiä JavaScript-selityksiä, jotka sinun pitäisi tietää

JavaScript-lausunnot antavat meille valtaa toteuttaa erilaisia ​​logiikoita koodissamme. JavaScript tarjoaa meille useita niistä, joilla kaikilla on oma tarkoituksensa ja syntaksinsa. Tunnetuimpien esimerkkien joukosta löytyy lausekkeita, iterointilausekkeita, ehdollisia lausuntoja ja muita

Tämän päivän postissa näemme neljä vähemmän yleistä JavaScript-lausuntoa et ehkä ole tiennyt aiemmin, mutta voi syventää JavaScript-tietosi ja antaa sinulle mahdollisuuden kirjoittaa parempaa koodia.

1. Tyhjä ilmoitus

JavaScript-lausekkeen sijasta voit lisätä tyhjän lausunnon, joka on kirjoitettu yhdeksi kaksoispisteeksi ;. Kun JavaScript-tulkki tulkitsee tyhjän lausunnon, mitään koodia ei suoriteta, siksi ne voivat olla hyödyllisiä korvaa aliselvitykset, joita et halua suorittaa.

Oletetaan esimerkiksi, että muuttujaa kutsutaan lakmus oletusarvo neutraali. Perustuu toisen kutsutun muuttujan arvoon pH, lakmus muuttuu joko hapan kun pH on < 7 or perustiedot kun pH> 7.

Jos arvo on pH osoittautuu virheelliseksi, virhe heitetään. A kunto näin, seuraavat ehdolliset lausunnot ovat voimassa:

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

Edellä mainittu joukko lausuntoja kuitenkin heittää virheen, kun pHsen arvo on 7, mikä ei saisi olla.

Kun pH on 7, lakmus pitäisi säilyttää oletusarvo, eli neutraali. Täten tällaisen tapauksen yhteydessä lisätään ehto, kun pH on 7, jossa on tyhjä tyhjä lausunto.

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

Nyt, milloin pH on 7, tulkki ei suorita mitään ohjeita, ja lakmus pitää oletusarvonsa, neutraali.

Tyhjiä lausekkeita voidaan käyttää myös taulukon täyttämiseen varten silmukka.

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

Tyypillisesti a varten silmukan lausuntoa seuraa aliselvitys, joka koostuu yhdestä tai lohkolausekkeesta (joka on suljettu kierteiset kiinnikkeet). Käyttämällä tyhjiä lausekkeita aliselvityksen sijasta tulkilla ei ole mitään suoritettavaa jokaisen silmukan jälkeen, joten vain looping tapahtuu, ja silmukointiolosuhteet toteutetaan.

Edellä olevassa esimerkissä, ary [i ++] = i suorittaa jokaisen silmukan iteraation osana silmukointitilaa ja taulukkoa kuuta saa instantiated arvot minä.

2. debuggeri selvitys

Vianmääritystyökaluissa voimme lisää merkkejä olla nimeltään breakpoints lähdekoodin mihin tahansa riviin merkitse rivit, joista debugger-työkalu käynnistää virheenkorjauksen.

JavaScriptissä debuggeri selvitys toimii samalla tavalla kuin katkaisupiste, paitsi että se on lisätään suoraan lähdekoodiin, pikemminkin kuin työkalun sisällä. Kaikki käynnissä olevat virheenkorjausohjelmat keskeytä komentosarjan suorittaminen kun se saavuttaa debuggeri lausuntoa, jotta voit korjata koodin.

Muista, että virheenkorjaus käynnistyy vain, jos skripti on käynnissä virheenkorjaustilassa, eli virheenkorjausohjelma on jo käynnissä käsikirjoituksen suorittamisen yli. Jos ei ole tällä hetkellä käynnissä olevaa debugger-ohjelmaa tulkinnan aikana debuggeri lausunto, tulkki jatkaa työtään ikään kuin mitään ei olisi tapahtunut.

Suorita pikatestinä seuraava koodi Codepenissa pitäen selaimen virheenkorjaustyökalu auki:

 console.log (tesing '); debuggeri; console.log ('virheenkorjauslauseke');

Näet katkaisupisteen debuggeri selitys alla olevan selaimen virheenkorjaustyökalussa.

3. Merkinnät

JavaScriptissa voit lisätä merkintöjä myös tiettyihin lausuntoihin. Näin voit hyppää myöhemmin merkitykseen käyttämällä koodia, eräänlainen kuin mene lausunto toimii muilla kielillä.

Merkittyjä lausuntoja voidaan käyttää vain yhdessä tauko ja jatkaa lausunnot, kuten JavaScriptissä ei ole kirjaimellista mene selvitys.

molemmat tauko ja jatkaa voidaan käyttää vain silmukointilausekkeiden sisällä, kuten varten silmukka (yksi poikkeus, tauko voidaan käyttää vaihtaa lausunto). Joten voimme merkitä silmukoita ja käyttää tauko ja jatkaa valvoa niiden toteuttamista.

merkittyjen lausuntojen syntaksi on yksinkertainen, sinun tarvitsee vain lisätä etiketin nimi seuraavalla kaksoispisteellä, kuten näet alla olevassa esimerkissä, missä silmukka on sen etiketin nimi, jonka lisäämme siihen varten silmukka.

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

Kun arvo on minä on 2, toteutus hyppää takaisin silmukkaan etenemisen sijaan ja siten estää konsolin ulostulon “2”.

Nyt katsotaan toinen esimerkki tauko lausuma. Korvaa vain jatkaa avainsanan kanssa tauko yllä olevassa esimerkissä, ja huomaat, että sen sijaan, että hyppäsit takaisin silmukkaan, kuten se teki jatkaa, silmukka päättyy / katkeaa kokonaan.

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

Yllä olevat esimerkit olivat melko yksinkertaisia, jotta voit nopeasti ymmärtää, miten leimatut lausunnot toimivat, mutta todellisessa koodauksessa tarroja käytetään useammin yhdistelmäsilmukoissa, kun on tarpeen erottaa eri silmukat, kuten seuraavassa esimerkissä:

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

Täällä, ulompi silmukka taukoja arvo 2 muuttujan suhteen minä ja 1: ssä j, ja konsoli palauttaa seuraavan lähdön:

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

4. The kanssa selvitys

Kun JS-tulkki tulee täsmällisen nimen kohdalla joka ei määritä, mikä kohde tai toiminto puheluun liittyy, se hakee laajuusketjua mihin tahansa sopivaan kohteeseen tai toimintoon puhelu voi viitata.

Käyttämällä kanssa , voimme lisää objektin ulottuvuuden ketjuun, ja määritä, mihin kohteeseen puhelu liittyy.

Seuraavassa esimerkissä näet, että henkilö objektia kutsutaan käyttämällä niiden nimiä yksin kanssa selvitys.

 var person = firstName: "John", sukunimi: "Doe", ikä: "18", maa: "Grönlanti"; (henkilö) console.log ("Hei, nimeni on" + firstName + "" + viimeinen nimi + ". Olen" + ikä + "vuotta vanha ja asuu" + maa + ".");  // "Hei, nimeni on John Doe. Olen 18-vuotias ja asun Grönlannissa."

Vertaa, miten yllä oleva koodi näyttäisi käyttämättä kanssa toteamus:

 var person = firstName: "John", sukunimi: "Doe", ikä: "18", maa: "Grönlanti"; console.log ("Hei, nimeni on" + person.firstName + "" + person.lastName + ". Olen" + person.age + "vuotta vanha ja asu" + person.country + "." ); // "Hei, nimeni on John Doe. Olen 18-vuotias ja asun Grönlannissa."

Näet, kanssa lausunto voi olla suuri pikakuvake, jos työskentelet saman kohteen monien ominaisuuksien kanssa.

Huomaa kuitenkin, että käyttämällä kanssa selvitys tiukassa tilassa ei ole sallittua, koska se voi aiheuttaa jonkin verran sekaannusta.

On myös suositeltavaa käyttää kanssa lausunto, jos sen sisäiset lausunnot käyttävät kohteeseen liittyvää kohdetta kanssa muuten tulkki tuhlaa aikaa tarkastelemalla kohdassa mainittua kohdetta kanssa Ensinnäkin, kaikkien määrittelemättömien ominaisuuksien nimissä se myöhemmin löytyy kanssa lohko.