Pagrindinis » Kodavimas » 4 Naudingi „JavaScript“ pareiškimai, kuriuos turėtumėte žinoti

    4 Naudingi „JavaScript“ pareiškimai, kuriuos turėtumėte žinoti

    „JavaScript“ pareiškimai suteikia mums galią mūsų kode įgyvendinti įvairias logikos rūšis. „JavaScript“ suteikia mums keletą iš jų, kurie visi turi savo tikslą ir sintaksę. Tarp labiausiai žinomų pavyzdžių galime rasti išraiškos pareiškimus, iteracijos pareiškimus, sąlyginius pareiškimus ir kt

    Šiandieniniame pranešime pamatysime keturi mažiau paplitę „JavaScript“ pareiškimai galbūt nežinote anksčiau, bet galite gilinti „JavaScript“ žinias ir leisti rašyti geresnį kodą.

    1. Tuščias pareiškimas

    Vietoj bet kokio „JavaScript“ pareiškimo galite pridėti tuščią ataskaitą, kuri yra parašyta kaip vienas pusiau dvitaškis ;. Kai „JavaScript“ vertėjas interpretuoja tuščią pareiškimą, kodas nevykdomas, todėl jie gali būti naudingi pakeiskite posakius, kurių nenorite vykdyti.

    Pvz., Daroma prielaida, kad yra kintamasis lakmusas su numatytąją vertę neutralus. Remiantis kito kintamo kintamojo verte pH, lakmusas pakeitimai rūgštus kai pH < 7 or paprastas kai pH> 7.

    Jei vertė yra pH pasirodo esanti negaliojanti. Dėl sąlyga taip, taikomi šie sąlyginiai pareiškimai:

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

    Tačiau aukščiau pateikiami teiginiai sukelia klaidą, kai pHvertė yra 7, o tai neturėtų būti.

    Kada pH yra 7, lakmusas turėtų išlaikyti savo numatytąją vertę, ty neutralus. Taigi, tokiu atveju, pridėkite sąlygą, kada pH yra 7, turintis tuščią tuščią ataskaitą.

     var litmus = 'neutral'; var pH; jei (pH> 0 & & pH<7) litmus = 'acidic'; else if(pH===7) ; /* empty statement */ else if(pH>7 ir & pH<15) litmus = 'basic'; else throw "Invalid pH value";

    Dabar, kada pH yra 7, vertėjas nevykdo jokių nurodymų ir lakmusas išlaiko numatytąją vertę, neutralus.

    Tuščius pareiškimus taip pat galima naudoti masyvui užpildyti dėl kilpa.

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

    Paprastai a dėl ciklo pareiškimui seka paprogramė, sudaryta iš vieno arba bloko garbanotieji skliausteliai). Naudojant tuščią pareiškimą vietoj paprogramės, vertėjas neturi nieko atlikti po kiekvienos kilpos tik kilpa įvyksta, ir įvykdomos kilpinės sąlygos.

    Pirmiau pateiktame pavyzdyje, ary [i ++] = i kiekvienai kontūro iteracijai atlieka kaip „looping“ būsenos ir masyvo dalį ary pasireiškia su vertėmis i.

    2. debugger Pareiškimas

    Derinimo įrankiuose galime pridėti žymeklių vadinamas taškų į bet kurią šaltinio kodo eilutę pažymėkite eilutes, iš kurių derinimo įrankis pradės derinti.

    „JavaScript“ debugger pareiškimas veikia taip pat kaip pertrauka, išskyrus tai, kad tai tiesiogiai į pradinį kodą, vietoj įrankio. Bet koks veikiantis debugger bus sustabdyti scenarijaus vykdymą kai jis pasiekia debugger pareiškimas, siekiant padėti jums derinti kodą.

    Atminkite, kad derinimas bus suaktyvintas tik jei scenarijus veikia derinimo režimu, t.y. derinimo programa jau veikia per scenarijaus vykdymą. Jei nėra aiškinamosios programos, kol nėra aiškinamosios programos debugger teiginys, vertėjas tęs savo darbą taip, tarsi nieko nebūtų.

    Kaip greitas testas, paleiskite šį kodą „Codepen“, palikdami naršyklės derinimo įrankį:

     console.log ('tesing'); derinimo priemonė; console.log („derinimo pareiškimas“);

    Be debugger pareiškimas, kaip parodyta žemiau naršyklės derinimo įrankyje.

    3. Pažymėtas pareiškimas

    „JavaScript“ taip pat galite pridėti etikečių į tam tikrus pareiškimus. Tokiu būdu galite vėliau pereikite prie pažymėto pareiškimo naudodami savo etiketę savo kode, maždaug kaip eiti į pareiškimas veikia kitomis kalbomis.

    Žymėti pareiškimai gali būti naudojami tik kartu su pertrauka ir Tęsti pareiškimai, nes JavaScript nėra pažodinis eiti į pareiškimas.

    Abi pertrauka ir Tęsti gali būti naudojama tik viduje esančiose apykaitose, pvz., dėl kilpa (su viena išimtimi, pertrauka galima naudoti jungiklis taip pat). Taigi, galime pažymėti kilpas ir naudoti pertrauka ir Tęsti kontroliuoti jų vykdymą.

    The paženklintų pareiškimų sintaksė paprasta, tiesiog reikia pridėti etiketės pavadinimą su šiomis dvitaškiais, kaip matote toliau pateiktame pavyzdyje, kur kilpa yra etiketės, kurią pridėjome prie pavadinimo, pavadinimas dėl kilpa.

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

    Kai vertė yra i yra 2, vykdymas šokinėja atgal į kilpą vietoj procedūros ir todėl neleidžia konsolės išėjimui “2”.

    Dabar pažiūrėkime kitą pavyzdį su pertrauka pareiškimas. Tiesiog pakeiskite Tęsti raktinis žodis su pertrauka pirmiau pateiktame pavyzdyje, ir jūs pastebėsite, kad vietoj to, kad šokinėtumėte atgal į kilpą, kaip ir su Tęsti, kilpa visiškai / pertrauka.

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

    Aukščiau pateikti pavyzdžiai buvo gana paprasti, kad galėtumėte greitai suprasti, kaip veikia užrašai, bet realiame kode, etiketės yra dažniau naudojamos sudėtinėse kilpose, kai būtina atskirti skirtingas kilpas, kaip, pvz.

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

    Čia, išorinė kilpa pertraukos kintamojo vertė 2 i ir 1 už j, ir konsolė grąžina tokią išvestį:

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

    4. su Pareiškimas

    Kai JS vertėjas yra nekvalifikuotas vardas kuris nenurodo, kuris objektas ar funkcija yra susijęs su skambučiu ieško taikymo srities grandinės bet kuriam tinkamam objektui ar funkcijai, į kurį galima kreiptis.

    Naudojant su mes galime pridėti objektą į viršutinę taikymo srities grandinę, ir nurodykite, kuris objektas yra susijęs su skambučiu.

    Toliau pateiktame pavyzdyje galite matyti, kad asmuo objektas vadinamas vien tik jų pavadinimais su pareiškimas.

     var person = firstName: "John", pavardė: "Doe", amžius: "18", šalis: "Grenlandija"; su (asmeniu) console.log ("Sveiki, mano vardas yra" + firstName + "+ + paskutinis vardas +". Aš esu "+ amžiaus +" metai ir gyvenu "+ country +". ");  // "Sveiki, mano vardas yra John Doe. Aš esu 18 metų ir gyvenu Grenlandijoje."

    Palyginkite, kaip pirmiau minėtas kodas atrodytų nenaudojant su pareiškimas:

     var person = firstName: "John", pavardė: "Doe", amžius: "18", šalis: "Grenlandija"; console.log ("Sveiki, mano vardas yra" + person.firstName + "" + person.lastName + ". Aš esu" + person.age + "metai ir gyvenu" + person.country + "." ); // "Sveiki, mano vardas yra John Doe. Aš esu 18 metų ir gyvenu Grenlandijoje."

    Jūs galite pamatyti, su pareiškimas gali būti puikus spartusis klavišas, jei dirbate su daugeliu to paties objekto savybių.

    Tačiau atkreipkite dėmesį, kad naudodami su pareiškimas griežtu režimu neleidžiama, kadangi tai gali sukelti tam tikros apimties painiavą.

    Taip pat patariama naudoti tik su pareiškimas, jei jo vidiniai pareiškimai naudoja objektą, susijusį su su pareiškimas, kitaip vertėjas neteks laiko ieškant objekto, kurį paminėjo su Pirma, visiems nekvalifikuotiems nuosavybės pavadinimams jis vėliau randamas viduje su blokuoti.