Top 10 JavaScript Shorthands za začetnike
Kratice JavaScript ne samo pospešiti proces kodiranja, ampak tudi skrajšati skripte, kar vodi do hitrejše nalaganje strani. Kratice so prav tako veljavne kot njihove dolgoletne različice; v bistvu stojite za isto stvar-samo v bolj kompaktni obliki. So ena najpreprostejših tehnik optimizacije kode.
Obstaja več skriptov JavaScript, pa vendar nimam uradnega referenčnega vodnika. Nekateri so zelo preprosti, medtem ko so drugi precej zastrašujoči tudi za izkušene razvijalce. V tem članku lahko najdete 10 JavaScriptov za začetnike s katerim lahko začnete z optimizacijo kode in napišete bolj jedrnato kodo.
1. Decimalne številke
Če redno delo z velikimi decimalkami ta skrajšana beseda je lahko božja daritev, saj vam ni treba več vnašati ničel, vse pa jih zamenjajte z e zapis. Na primer, 1e8 pomeni dodajanje osmih ničel za. \ t 1 enaka številki 100000000.
Številka za črko e označuje število ničel ki sledijo številki pred tem e. Prav tako, 16e4 je kratica za 160000, itd.
/ * Kratica * / var myVar = 1e8; / * Longhand * / var myVar = 100000000;
2. Povečanje, zmanjšanje
The okrajšava je sestavljen iz dveh + pomeni, da je vrednost spremenljivke poveča za eno. Podobno okrajšava je sestavljen iz dveh - pomeni, da je spremenljivka zmanjšano za eno.
Lahko se uporabita ti dve kratki skici samo pri numeričnih vrstah podatkov. V zanke imajo nepogrešljivo vlogo, njihov najpogostejši primer uporabe pa je za zanke.
/ * Kratica * / i ++; j--; / * Longhand * / i = i + 1; j = j-1;
3. Dodajte, odvrnite, pomnožite, delite
Za vsako od njih je kratica štiri osnovne matematične operacije: zbiranje, odvračanje pozornosti, množenje in delitev. Delujejo podobno kot operaterji prirastka in zmanjševanja, tukaj lahko spremenite vrednost spremenljivke s katero koli številko (ne samo z enim).
V spodnjem primeru: jaz spremenljivka se poveča za 5, j se zmanjša za 3, k se pomnoži z 10, in l se deli z 2.
/ * Skrajšano * / i + = 5; j- = 3; k * = 10; l / = 2; / * Longhand * / i = i + 5; j = j-3; k = k * 10; l = l / 2;
4. Določite položaj znaka
The charAt () metodo je ena izmed najpogosteje uporabljenih metod nizov, vrne na določenem mestu (na primer 5. \ tth znak niza). Namesto tega lahko uporabite preprosto kratico: dodate položaj znaka v oglatih oklepajih po nizu.
Bodite pozorni, da charAt () je metoda ničelni. Zato, myString [4] vrne 5th znak v nizu ("y" v primeru).
var myString = "Vse najboljše"; / * Kratica * / myString [4]; / * Longhand * / myString.charAt (4);
5. Razglasite spremenljivke v razsutem stanju
Če želite ustvariti hkrati več kot eno spremenljivko Nimate jih natipkati enega po enega. Dovolj je, da uporabite var (ali let) ključna beseda Samo enkrat, potem lahko samo navedete spremenljivke, ki jih želite ustvariti, ločeni z vejico.
S to kratico lahko deklarirate oba nedefinirane spremenljivke in spremenljivke z vrednostjo.
/ * Kratica * / var i, j = 5, k = "Dobro jutro", l, m = false; / * Longhand * / var i; var j = 5; var k = "Dobro jutro"; var l; var m = false;
6. Razglasi asociativno polje
Deklariranje matrike v JavaScriptu je s preprosto nalogo var myArray = ["jabolko", "hruška", "oranžna"] skladnjo. Vendar pa, razglasitev asociativnega polja je malo bolj zapleteno, kot tukaj, ne morate samo definirati vrednosti, ampak tudi ključe (v primeru rednih nizov so ključi 0, 1, 2, 3 itd.).
Pridružitveni niz je a zbirka parov ključ / vrednost. Longhand način je, da razglasi matriko, nato pa dodamo vsak element enega za drugim. Vendar pa lahko s kratico spodaj tudi razglasi asociativno polje plus vse njene elemente ob istem času.
V spodnjem primeru: myArray asociativno polje dodeli mesto rojstva (vrednosti) znanim osebam (ključi).
/ * Kratica * / var myArray = "Grace Kelly": "Philadelphia", "Clint Eastwood": "San Francisco", "Humphrey Bogart": "New York City", "Sophia Loren": "Rim", "Ingrid" Bergman ":" Stockholm " / * Longhand * / var myArray = novo polje (); myArray ["Grace Kelly"] = "Filadelfija"; myArray ["Clint Eastwood"] = "San Francisco"; myArray ["Humphrey Bogart"] = "New York City"; myArray ["Sophia Loren"] = "Rim"; myArray ["Ingrid Bergman"] = "Stockholm";
7. Razglasite predmet
Kratica za deklaracija objekta deluje podobno kot pri asociativnih nizih. Vendar pa tukaj ni parov ključa / vrednosti, ampak pari lastnine-vrednosti ki jih morate namestiti med naramnice .
Edina razlika v sintaksi v kratici je ta Lastnosti objekta niso zajete v narekovajih (ime, kraj rojstva, starosti, je bil JamesBond v spodnjem primeru).
/ * Kratica * / var myObj = ime: "Sean Connery", placeOfBirth: "Edinburgh", starost: 86, je biloJamesBond: true; / * Longhand * / var myObj = novi objekt (); myObj.name = "Sean Connery"; myObj.placeOfBirth = "Edinburgh"; myObj.age = 86; myObj.wasJamesBond = true;
8. Uporabite pogojnega operaterja
The pogojni (ternarni) operater se pogosto uporablja kot bližnjico za če potem izjavo. Sestavljen je iz tri dele:
- stanje
- kaj se zgodi, če pogoj je res (
če) - kaj se zgodi, če pogoj je napačen (
drugače)
V spodnjem primeru pošljemo preprosto sporočilo (znotraj sporočilo spremenljivko) za ljudi, ki želijo vstopiti v klub. Z uporabo skrajšane oblike je le ena vrstica kode izvedite vrednotenje.
var age = 17; / * Kratica * / var sporočilo = starost> = 18? "Dovoljeno": "Zavrnjeno"; / * Longhand * / if (starost> = 18) var message = "Dovoljeno"; else var message = "Zavrnjeno";
Če ga želite preskusiti kopirajte kodo v spletno konzolo (F12 v večini brskalnikov) in spremenite vrednost starosti spremenljivka nekajkrat.
9. Preverite prisotnost
Pogosto se zgodi, da morate preveriti, ali je spremenljivka prisotne ali ne. The “če je prisotna” stenografija vam pomaga z veliko manj kodo.
Zavedajte se, da večina člankov o JavaScript skrajšavah ne dajejo pravilne longhand oblike, kot če (myVar) Zapis ne preverja samo, ali spremenljivka ni napačna, ampak tudi peščica drugih stvari. Namreč, spremenljivka ne more biti nedefinirano, prazno, ničelno in lažno.
var myVar = 99; / * Kratica * / if (myVar) console.log ("Opredeljena je spremenljivka myVar in ni prazna in ni ničelna in ni napačna."); / * Longhand * / if (typeof myVar! == "undefined" && myVar! == "" && myVar! == null && myVar! == 0 && myVar! == false) console.log ("The myVar spremenljivka je definirana IN ni prazna in ni ničelna in ni napačna. "); Lahko preverite, kako “če je prisotna” stenografija deluje tako, da v spletno konzolo vstavite naslednji odrezek kode spreminja vrednost. \ t myVar nekajkrat.
Da bi razumeli, kako to skrajšano besedilo deluje, ga je vredno preskusiti z vrednostmi "" (prazen niz), false, 0, prav, neprazen niz (npr. »Živjo«), število (npr. 99), in kadar je spremenljivka nedefinirana (preprosto var myVar;).
10. Preverite odsotnost
The “če je prisotna” lahko uporabite za kratico preverite odsotnost spremenljivke s postavitvijo klicaj pred njim. Klicaj je logično ne operater v JavaScriptu (in v večini programskih jezikov).
Zato z če (! myVar) zapis, lahko preverite, če myVar spremenljivko ni nedefiniran, prazen, ničelen ali neresničen.
var myVar; / * Kratica * / if (! MyVar) console.warn ("Spremenljivka myVar je nedoločena (OR) prazna (OR) null (OR) false."); / * Longhand * / if (typeof myVar === "undefined" || myVar === "" || myVar === null || myVar === 0 || myVar === false) console.warn ("Spremenljivka myVar je nedoločena (OR) prazna (OR) null (OR) false.");
