Mājas lapa » Kodēšana » Top 10 JavaScript Shorthands iesācējiem

    Top 10 JavaScript Shorthands iesācējiem

    JavaScript shorthands ne tikai paātrina kodēšanas procesu, bet arī padara skriptus īsākus, tādējādi novedot pie ātrākas lapas ielādes. Īsie kodi ir tikpat derīgi kā to garās versijas; tie būtībā ir būt par to pašu-tikai kompaktā formātā. Tās ir viena no vienkāršākajām kodu optimizācijas metodēm.

    Ir vairākas JavaScript shorthands, tomēr tās nav oficiālas rokasgrāmatas. Daži ir patiešām vienkārši, bet citi ir diezgan iebiedējoši pat pieredzējušiem izstrādātājiem. Šajā rakstā jūs varat atrast 10 JavaScript iesācējiem iesācējiem ar kuru jūs varat sākt ar kodu optimizāciju un rakstīt kodolīgu kodu.

    1. Decimālskaitļi

    Ja jūs regulāri strādāt ar lieliem decimāldaļām šis stenogrāfs var būt godsend, jo jums vairs nav jāievada visas nulles, vienkārši nomainiet tās ar e notācija. Piemēram, 1e8 nozīmē astoņu nulles pievienošanu pēc 1 cipars, tas ir vienāds ar 100000000.

    Numurs pēc burta e norāda nulles skaitu kas ir pirms cipara (-iem) e. Tāpat, 16e4 ir īss apraksts 160000, utt.

     / * Shorthand * / var myVar = 1e8; / * Longhand * / var myVar = 100000000; 

    2. Palielinājums, samazinājums

    The pieaugums sastāv no diviem + tas nozīmē, ka mainīgā lieluma vērtība ir palielina par vienu. Līdzīgi samazinājums sastāv no diviem - pazīmes, un tas nozīmē, ka mainīgais ir samazināts par vienu.

    Var izmantot šos divus īsumus tikai ciparu datu tipos. Viņiem ir neaizstājama loma cilpās, to visbiežākais lietošanas gadījums ir par cilpa.

     / * Shorthand * / i ++; j--; / * Longhand * / i = i + 1; j = j-1; 

    3. Pievienot, novērst, reizināt, sadalīt

    Katram no tiem ir īss apraksts četras pamata matemātiskās operācijas: pievienošana, novirzīšanās, reizināšana un dalīšana. Viņi strādā līdzīgi kā pieauguma un samazinājuma operatoriem, tieši šeit jūs varat mainīt mainīgā lielumu ar jebkuru numuru (ne tikai viens).

    Turpmāk redzamajā piemērā i mainīgo palielina par 5, j samazinās par 3, k tiek reizināts ar 10, un l ir dalīts ar 2.

     / * Īss apraksts * / i + = 5; j- = 3; k * = 10; l / = 2; / * Longhand * / i = i + 5; j = j-3; k = k * 10; l = l / 2; 

    4. Nosakiet rakstzīmju pozīciju

    The charAt () metodi ir viena no visbiežāk izmantotajām virknes metodēm, tā atgriež rakstzīme noteiktā stāvoklī (piemēram, 5th virknes raksturs). Tā vietā var izmantot vienkāršu stenogrammu: jūs pievienojat rakstzīmju pozīcija, kas iekļauta kvadrātiekavās pēc virknes.

    Pievērsiet uzmanību, ka charAt () metode ir nulles. Tāpēc, myString [4] atgriezīsies 5th rakstzīme virknē ("y" piemērā).

     var myString = "Laimīgu dzimšanas dienu"; / * Shorthand * / myString [4]; / * Longhand * / myString.charAt (4); 

    5. Parādiet mainīgos lielumus

    Ja vēlaties izveidot vairāki mainīgie vienlaicīgi jums tie nav jāievada pa vienam. Tas ir pietiekami, lai izmantotu var (vai ļaut) atslēgvārds tikai vienu reizi, tad jūs varat vienkārši uzskaitīt mainīgos, kurus vēlaties izveidot, atdalīts ar komatu.

    Ar šo īsfilmu jūs varat paziņot abus nenoteiktiem mainīgajiem lielumiem un mainīgie ar vērtību.

     / * Shorthand * / var i, j = 5, k = "Labrīt", l, m = false; / * Longhand * / var i; var j = 5; var k = "Labrīt"; var l; var m = false; 

    6. Atzīstiet asociācijas masīvu

    Masīva deklarēšana JavaScript ir samērā vienkāršs uzdevums, izmantojot var myArray = ["ābols", "bumbieris", "apelsīns"] sintakse. Tomēr, asociācijas masīvs ir mazliet sarežģītāka, kā šeit, jums nav tikai jādefinē vērtības, bet arī atslēgas (regulāru masīvu gadījumā atslēgas ir 0, 1, 2, 3 utt.).

    Asociācijas masīvs ir a galveno vērtību pāriem. Longhand veids ir deklarēt masīvu, tad pievienojiet katru elementu pa vienam. Tomēr, izmantojot zemāk redzamo stenogrammu, varat arī deklarēt asociācijas masīvu plus visus tā elementus tajā pašā laikā.

    Turpmāk redzamajā piemērā myArray asociācijas masīvs piešķir dzimtai vietu (vērtības) slaveniem cilvēkiem (atslēgas).

     / * Shorthand * / var myArray = "Grace Kelly": "Philadelphia", "Clint Eastwood": "San Francisco", "Humphrey Bogart": "New York City", "Sophia Loren": "Roma", "Ingrīds" Bergman ":" Stockholm " / * Longhand * / var myArray = jauns Array (); myArray ["Grace Kelly"] = "Filadelfija"; myArray ["Clint Eastwood"] = "Sanfrancisko"; myArray ["Humphrey Bogart"] = "Ņujorkas pilsēta"; myArray ["Sophia Loren"] = "Roma"; myArray ["Ingrid Bergman"] = "Stokholma"; 

    7. Atklāj objektu

    Īss apraksts objekta deklarācija darbojas līdzīgi kā asociācijas masīviem. Tomēr šeit nav atslēgas vērtību pāru, bet īpašuma vērtības pāri kas ir jānovieto starp lencēm .

    Vienīgā atšķirība stenogrammā ir tā Objekta rekvizīti nav iekļauti pēdiņās (nosaukums, dzimšanas vieta, vecums, bijaJamesBond zemāk redzamajā piemērā).

     / * Shorthand * / var myObj = nosaukums: "Sean Connery", vietaOfBirth: "Edinburgh", vecums: 86, bijaJamesBond: true; / * Longhand * / var myObj = jauns objekts (); myObj.name = "Sean Connery"; myObj.placeOfBirth = "Edinburgh"; myObj.age = 86; myObj.wasJamesBond = taisnība; 

    8. Izmantojiet nosacīto operatoru

    The nosacītais (trīsgadīgais) operators bieži tiek izmantots kā īsceļu ja-cits paziņojums, apgalvojums. Tas sastāv no trīs daļas:

    1. the stāvoklis
    2. kas notiek, ja stāvoklis ir taisnība (ja)
    3. kas notiek, ja stāvoklis ir nepareizs (cits)

    Tālāk redzamajā piemērā mēs nosūtām vienkāršu ziņojumu (iekšpusē ziņu mainīgs) cilvēkiem, kuri vēlas ieiet klubā. Izmantojot stenogrāfijas formu, tas ir tikai viens rindas kods novērtēšanu.

     var vecums = 17; / * Shorthand * / var message = vecums> = 18? "Atļauts": "liegts"; / * Longhand * / if (vecums> = 18) var message = "Atļauts";  else var message = "Aizliegts";  

    Ja vēlaties to pārbaudīt kopējiet kodu tīmekļa konsolē (F12 lielākajā daļā pārlūkprogrammu) un modificēt vecums mainās dažas reizes.

    9. Pārbaudiet klātbūtni

    Bieži notiek, ka jums ir jāpārbauda, ​​vai mainīgais ir vai nav. The “ja klātbūtne” stenogrāfija palīdz jums to izdarīt ar daudz mazāku kodu.

    Uzmanieties, ka lielākā daļa rakstu par JavaScript shorthands nedod pareizu garo formu, kā ja (myVar) notācija ne tikai pārbauda, ​​vai mainīgais nav nepatiess, bet arī nedaudzas citas lietas. Proti, mainīgais nevar būt nenoteikts, tukšs, nulls un nepatiess.

     var myVar = 99; / * Shorthand * / if (myVar) console.log ("Noteikts myVar mainīgais un tas nav tukšs UN nav nulle UN nav nepareizs.");  / * Longhand * / if (myVar tips! == "undefined" & & myVar! == "" & & myVar! == null & & myVar! == 0 & & myVar! == false) console.log ("MyVar mainīgais ir definēts UN tas nav tukšs un nav nulle UN nav nepareizs. ");  

    Jūs varat pārbaudīt, kā “ja klātbūtne” stenogramma darbojas, ievietojot šādu tīmekļa koda fragmentu tīmekļa konsolē un mainot vērtību myVar dažas reizes.

    Lai saprastu, kā tas darbojas, tas ir vērts to pārbaudīt ar "" (tukša virkne), nepatiesa, 0, taisnība, nav tukša virkne (piem.,. "Sveiki"), numuru (piem.,. 99) un kad mainīgais nav noteikts (vienkārši var myVar;).

    10. Pārbaudiet, vai nav

    The “ja klātbūtne” var izmantot pārbauda, ​​vai nav mainīgā ievietojot izsaukuma zīme. Izsaukuma zīme ir nav loģisks JavaScript (un lielākajā daļā programmēšanas valodu).

    Tāpēc ar ja (! myVar) atzīmējiet, jūs varat pārbaudīt, vai myVar mainīgais nav definēts, tukšs, nulls vai nepatiess.

     var myVar; / * Shorthand * / if (! MyVar) console.warn ("MyVar mainīgais nav noteikts (OR) tukšs (OR) null (OR) false.");  / * Longhand * / if (tips myVar === "undefined" || myVar === "" || myVar === null || myVar === 0 || myVar === false) console.warn ("MyVar mainīgais nav noteikts (OR) tukšs (OR) null (OR) false.");