Top 10 Scripturi JavaScript pentru începători
Scripturi JavaScript nu numai să accelerați procesul de codificare, ci și să faceți scripturi mai scurte, deci duceți la încărcarea mai rapidă a paginii. Codurile stenografice sunt la fel de valabile ca și versiunile lor lungi; ei în esență stau la fel-numai într-un format mai compact. Ele sunt una dintre cele mai simple tehnici de optimizare a codului.
Există mai multe jurnaliști JavaScript, totuși ei nu aveți un ghid de referință oficială. Unele sunt foarte simple, în timp ce altele sunt destul de intimidante chiar și pentru dezvoltatorii experimentați. În acest articol, puteți găsi 10 jurnalisti JavaScript pentru incepatori cu care puteți începe cu optimizarea codului și să scrieți un cod mai concis.
1. Numere zecimale
Dacă sunteți în mod regulat lucrați cu zecimale mari această stenogramă poate fi de la Dumnezeu, pentru că nu mai trebuie să scrii toate zerourile, doar să le înlocuiți cu e notaţie. De exemplu, 1e8 înseamnă adăugarea a opt zerouri după 1 cifra, este egal cu 100000000.
Numărul după literă e indică numărul de zerouri care vin după cifra (ele) înainte e. De asemenea, 16e4 este prescurtarea pentru 160000, etc.
/ * Stenogramă * / var myVar = 1e8; / * Longhand * / var myVar = 100000000;
2. Creștere, scădere
incrementare este alcătuită din două + semne, înseamnă că trebuie să fie valoarea unei variabile incrementate cu unul. În mod similar, scădere scurtă este alcătuită din două - semne, și înseamnă că variabila urmează să fie decrementat de unul.
Aceste două stenograme pot fi folosite numai pe tipuri de date numerice. Ele au un rol indispensabil în bucle, cel mai frecvent caz de utilizare a acestora fiind pentru buclă.
/ * Stenogramă * / i ++; j--; / * Longhand * / i = i + 1; j = j-1;
3. Adăugați, distrageți, înmulțiți, împărțiți
Există o stenogramă pentru fiecare dintre ele patru operații matematice de bază: adăugare, distragere, multiplicare și diviziune. Funcționează similar cu operatorii de incrementare și decrementare, aici, puteți schimba valoarea unei variabile cu orice număr (nu doar unul).
În exemplul de mai jos, eu variabila este incrementată de 5, j este decrementat prin 3, k este înmulțită cu 10, și L este împărțit prin 2.
/ * Stenogramă * / i + = 5; -j = 3; k * = 10; l / = 2; / * Longhand * / i = i + 5; j = j-3; k = k * 10; l = l / 2;
4. Determinați poziția caracterelor
charAt () metodă este una dintre cele mai frecvent utilizate metode de șir, ea returnează caracter la o anumită poziție (de exemplu, 5lea caracterul unui șir). Există o scurtă descriere simplă pe care o puteți folosi: adăugați caractere închise în paranteze pătrate după șir.
Fiți atenți că charAt () metoda este zero-based. Prin urmare, myString [4] va returna 5lea caracterul în șir ("Y" în exemplu).
var myString = "La mulți ani"; / * Stenogramă * / myString [4]; / * Longhand * / myString.charAt (4);
5. Declarați variabilele în vrac
Dacă doriți să creați mai mult de o variabilă în același timp nu trebuie să le scrii unul câte unul. Este suficient să utilizați var (sau lăsa) cuvânt cheie doar o data, atunci puteți să listați variabilele pe care doriți să le creați, separate de o virgulă.
Cu această stenogramă, puteți declara ambele variabile nedefinite și variabile cu o valoare.
/ * Shorthand * / var i, j = 5, k = "Bună dimineața", l, m = falsă; / * Longhand * / var i; var j = 5; var k = "Bună dimineața"; var l; var m = fals;
6. Declarați o matrice asociativă
Declararea unui matrice în JavaScript este o sarcină relativ simplă, folosind var myArray = ["măr", "pere", "portocaliu"] sintaxă. in orice caz, declarând o matrice asociativă este un pic mai complicat, ca aici, nu trebuie doar să definiți valorile, dar și cheile (în cazul unor tablouri regulate cheile sunt 0, 1, 2, 3 etc..).
O matrice asociativă este a colectarea de perechi cheie-valoare. Calea lungă este de a declara matricea, apoi adăugați fiecare element unul câte unul. Cu toate acestea, cu stenograma de mai jos, puteți, de asemenea declară matricea asociativă la care se adauga toate elementele sale in acelasi timp.
În exemplul de mai jos, myArray matricea asociativă atribuie locului lor de naștere (valori) persoanelor celebre (chei).
/ * Shorthand * / var myArray = "Grace Kelly": "Philadelphia", "Clint Eastwood": San Francisco, Humphrey Bogart: New York City, Sophia Loren: Bergman ":" Stockholm " / * Longhand * / var MyArray = Array nou (); myArray ["Grace Kelly"] = "Philadelphia"; myArray ["Clint Eastwood"] = "San Francisco"; myArray ["Humphrey Bogart"] = "New York City"; myArray ["Sophia Loren"] = "Roma"; myArray ["Ingrid Bergman"] = "Stockholm";
7. Declarați un obiect
Stenograma pentru declarație de obiect funcționează similar cu cel al măștilor asociative. Cu toate acestea, aici nu există perechi cheie-valoare, ci perechi proprietate-valoare pe care trebuie să o plasați între acolade .
Singura diferență în sintaxa stenografică este aceea proprietățile obiectului nu sunt cuprinse în ghilimele (Nume, locul nasterii, vârstă, wasJamesBond în exemplul de mai jos).
/ * Shorthand * / var myObj = nume: "Sean Connery", placeOfBirth: "Edinburgh", varsta: 86, wasJamesBond: true; / * Longhand * / Var myObj = Obiect nou (); numele meu = "Sean Connery"; myObj.placeOfBirth = "Edinburgh"; myObj.age = 86; myObj.wasJamesBond = adevărat;
8. Utilizați operatorul condiționat
operatorul condițional (ternar) este frecvent utilizat ca comanda rapida pentru if-else afirmație. Se compune din trei părți:
- condiție
- ce se întâmplă dacă condiția este adevărată (
dacă) - ce se întâmplă dacă condiția este falsă (
altfel)
În exemplul de mai jos, trimitem un mesaj simplu (în interiorul mesaj variabilă) pentru persoanele care doresc să intre într-un club. Folosind forma scurtă, este doar o linie de cod efectuați evaluarea.
var var = 17; / * Shorthand * / var mesaj = vârsta> = 18? "Permis": "Denunțat"; / * Longhand * / dacă (vârsta> = 18) var message = "Permis"; altfel var message = "Denied";
Dacă doriți să o testați doar copiați codul în consola web (F12 în majoritatea browserelor) și modificați valoarea vârstă variabile de câteva ori.
9. Verificați prezența
Se întâmplă adesea că trebuie să verificați dacă o variabilă este prezent sau nu. “dacă prezența” stenografie vă ajută să faceți acest lucru cu mult mai puțin cod.
Feriți-vă că majoritatea articolelor despre jurnaliștii JavaScript nu dau forma lungă, cum ar fi dacă (myVar) notația nu verifică pur și simplu dacă variabila nu este falsă, ci și o serie de alte lucruri. Anume, variabila nu poate fi nedefinită, goală, nulă și falsă.
var myVar = 99; / * Shorthand * / if (myVar) console.log ("Variabila myVar este definită ȘI nu este goală și nu este nulă și nu este falsă"); / * Longhand * / dacă (typeof myVar! == "undefined" && myVar! == "& & myVar! == null && myVar! == 0 && myVar! == false) console.log variabila este definită ȘI nu este goală și nu este nulă și nu este falsă "); Puteți testa cum “dacă prezența” stenograma funcționează prin introducerea următorului fragment de cod în consola web și schimbarea valorii myVar de câteva ori.
Pentru a înțelege cum funcționează această stenogramă, merită testată cu valorile „“ (Șir gol), fals, 0, Adevărat, un șir ne-gol (de ex. "Bună"), un număr (de exemplu,. 99), iar atunci când variabila este nedefinită (pur și simplu var myVar;).
10. Verificați absența
“dacă prezența” poate fi folosit stenograma verificați absența unei variabile prin plasare un semn de exclamare în fața lui. Marcajul exclamării este logic nu operator în JavaScript (și în majoritatea limbajelor de programare).
Prin urmare, cu dacă (! myVar) notație, puteți verifica dacă myVar variabil nu este nedefinită, goală, nulă sau falsă.
var myVar; / * Shorthand * / if (! MyVar) console.warn ("Variabila myVar este nedefinită (OR) goală (OR) null (OR) false"); / * Longhand * / dacă (typeof myVar === "undefined" || myVar === "" || myVar === null || myVar === 0 || myVar === false) console.warn ("Variabila myVar este nedefinită (OR) goală (OR) null (OR) false");
