Top 10 JavaScript skraćenica za početnike
JavaScript skraćenice ne samo da ubrzava proces kodiranja, već i skraćuju skripte, te stoga dovode do toga brže učitavanje stranice. Skraćenice su jednako valjane kao i njihove dugotrajne verzije; u biti stojite za istu stvar-samo u kompaktnijem formatu. One su jedna od najjednostavnijih tehnika optimizacije koda.
Postoji nekoliko JavaScript skraćenica, međutim oni nemate službeni referentni vodič. Neki su vrlo jednostavni, dok su drugi prilično zastrašujući čak i za iskusne programere. U ovom članku možete pronaći 10 JavaScript skraćenica za početnike s kojim možete početi s optimizacijom koda i pisati više jezgrovitog koda.
1. Decimalni brojevi
Ako redovito rad s velikim decimalama ova skraćenica može biti božanska, jer više ne morate tipkati sve nule, samo ih zamijenite e notacija. Na primjer, 1e8 označava dodavanje osam nula nakon 1 znamenka, jednaka je 100000000.
Broj iza slova e označava broj nula koje dolaze prije znamenki e. Također, 16e4 je skraćenica za 160000, itd.
/ * Kratica * / var myVar = 1e8; / * Longhand * / var myVar = 100000000;
2. Povećanje, smanjenje
skraćeno povećanje sastoji se od dva + znaci, to znači da će vrijednost varijable biti povećan za jedan. Slično tome, kratica za smanjenje sastoji se od dva - to znači da je varijabla biti umanjen za jedan.
Ove dvije skraćenice mogu se koristiti samo na numeričkim tipovima podataka. Oni imaju nezamjenjivu ulogu u petljama, njihov najčešći slučaj upotrebe je za petlja.
/ * Kratica * / i ++; j--; / * Longhand * / i = i + 1; j = j-1;
3. Dodajte, odvratite, množite, podijelite
Postoji skraćenica za svaku od četiri osnovne matematičke operacije: zbrajanje, ometanje, množenje i dijeljenje. Oni rade slično kao operatori inkrementa i decmenta, samo ovdje možete promijeniti vrijednost varijable bilo kojim brojem (ne samo jedan).
U primjeru u nastavku, ja varijabla se povećava za 5, j se smanjuje za 3, k se množi s 10, i l dijeli se s 2.
/ * Kratica * / i + = 5; j = 3; k * = 10; l / = 2; / * Longhand * / i = i + 5; j = j-3; k = k * 10; l = l / 2;
4. Odredite položaj znaka
charAt () način je jedna od najčešće korištenih metoda nizova, ona vraća na određenom mjestu (na primjer, 5. \ tth znak niza). Postoji jednostavna skraćenica koju možete koristiti: dodajete položaj znaka u uglatim zagradama nakon niza.
Obratite pažnju na to charAt () metoda nula bazi. Stoga, myString [4] će vratiti 5th znak u nizu ("Y" u primjeru).
var myString = "Sretan rođendan"; / * Kratica * / myString [4]; / * Longhand * / myString.charAt (4);
5. Objavite varijable u rasutom stanju
Ako želite stvoriti više od jedne varijable u isto vrijeme ne morate ih tipkati jedan po jedan. Dovoljno je upotrijebiti var (ili pustiti) ključna riječ samo jednom, tada možete samo navesti varijable koje želite stvoriti, odvojeni zarezom.
Uz ovu skraćenicu, možete proglasiti oboje nedefinirane varijable i varijable s vrijednošću.
/ * Kratica * / var i, j = 5, k = "Dobro jutro", l, m = netočno; / * Longhand * / var i; var j = 5; var k = "Dobro jutro"; var l; var m = false;
6. Izjavite asocijativno polje
Deklariranje polja u JavaScriptu je relativno jednostavan zadatak pomoću značajke var myArray = ["jabuka", "kruška", "narančasta"] sintaksa. Međutim, deklariranje asocijativnog niza je malo kompliciranije, kao ovdje, ne samo da morate definirati vrijednosti već i tipke (u slučaju regularnih nizova ključevi su 0, 1, 2, 3 itd.).
Asocijativni niz je a zbirka parova ključ-vrijednost. Longhand način je proglasiti niz, a zatim dodati svaki element jedan po jedan. Međutim, s kraticom ispod, također možete deklarirati asocijativno polje plus svi njegovi elementi u isto vrijeme.
U primjeru u nastavku, myArray asocijativno polje dodjeljuje svoje mjesto rođenja (vrijednosti) poznatim osobama (ključevi).
/ * Kratica * / var myArray = "Grace Kelly": "Philadelphia", "Clint Eastwood": "San Francisco", "Humphrey Bogart": "New York City", "Sophia Loren": "Rim", "Ingrid" Bergman ":" Stockholm " / * Longhand * / var myArray = novi niz (); myArray ["Grace Kelly"] = "Filadelfija"; myArray ["Clint Eastwood"] = "San Francisco"; myArray ["Humphrey Bogart"] = "New York City"; myArray ["Sophia Loren"] = "Rim"; myArray ["Ingrid Bergman"] = "Stockholm";
7. Izjavite objekt
Kratica za deklaracija objekta radi slično kao i za asocijativne nizove. Međutim, ovdje ne postoje parovi ključ / vrijednost nego parovi svojstava-vrijednosti koje morate postaviti između proteza .
Jedina razlika u stenografskoj sintaksi je ta svojstva objekta nisu zatvorena u navodnike (Ime, mjesto rođenja, dob, wasJamesBond u primjeru u nastavku).
/ * Kratica * / var myObj = ime: "Sean Connery", placeOfBirth: "Edinburgh", dob: 86, bio je JamesBond: true; / * Longhand * / var myObj = novi objekt (); myObj.name = "Sean Connery"; myObj.placeOfBirth = "Edinburgh"; myObj.age = 86; myObj.wasJamesBond = true;
8. Koristite uvjetni operator
uvjetni (ternarni) operator često se koristi kao prečac za ako-drugo izjava. Sastoji se od tri dijela:
- stanje
- što će se dogoditi ako stanje je istina (
ako) - što će se dogoditi ako stanje je pogrešno (
drugo)
U donjem primjeru šaljemo jednostavnu poruku (unutar poruka promjenjiv) ljudima koji žele ući u klub. Koristeći skraćeni obrazac, to je samo jedan redak koda pokrenite procjenu.
var age = 17; / * Kratica * / var poruka = dob> = 18? "Dopušteno": "Odbijen"; / * Longhand * / if (dobi> = 18) var message = "Dopušteno"; else var message = "Odbijen";
Ako ga želite testirati samo kopirajte kod u web konzolu (F12 u većini preglednika) i izmijenite vrijednost dob varijabla nekoliko puta.
9. Provjerite prisutnost
Često se događa da provjerite je li varijabla prisutan ili ne. “ako je prisutna” stenografija pomaže vam u tome s mnogo manje koda.
Pazite da većina članaka na JavaScript skraćenicama ne daje ispravan longhand oblik, kao ako (myVar) notacija ne samo da provjerava nije li varijabla lažna nego i nekoliko drugih stvari. Naime, varijabla ne može biti nedefinirano, prazno, null i false.
var myVar = 99; / * Kratica * / if (myVar) console.log ("Definirana je varijabla myVar i nije prazna i nije null niti nije lažna."); / * Longhand * / if (upišite myVar! == "undefined" && myVar! == "" && myVar! == null && myVar! == 0 && myVar! == false) console.log ("MyVar varijabla je definirana I nije prazna i nije null niti nije lažna. "); Možete testirati kako “ako je prisutna” skraćeno djelo umetanjem sljedećeg isječka koda u web-konzolu i mijenja vrijednost myVar nekoliko puta.
Da bi razumjeli kako ovo skraćeno djelo vrijedi, vrijedi ga testirati s vrijednostima „” (prazan niz), lažan, 0, pravi, ne-prazan niz (npr. "Bok"), broj (npr. 99), i kada je varijabla nedefinirana (jednostavno var myVar;).
10. Provjerite odsutnost
“ako je prisutna” može se koristiti skraćenica provjerite odsutnost varijable postavljanjem uz njega. Uskličnik je logički ne operator u JavaScriptu (i na većini programskih jezika).
Dakle, s ako (! myVar) notacija, možete provjeriti je li myVar varijabla nije nedefiniran, prazan, ništavan ili netočan.
var myVar; / * Kratica * / if (! MyVar) console.warn ("Varijabla myVar je nedefinirana (OR) prazna (OR) null (OR) false."); / * Longhand * / if (typeof myVar === "undefined" || myVar === "" || myVar === null || myVar === 0 || myVar === false) console.warn ("Varijabla myVar je nedefinirana (OR) prazna (OR) null (OR) false.");
