Top 10 JavaScripti algajatele

JavaScripti lühifailid mitte ainult kiirendada kodeerimisprotsessi, vaid muuta ka skriptid lühemaks, mis toob kaasa kiirem lehekülje laadimine. Lühikirjeldatud koodid on sama kehtivad kui nende pikaajalised versioonid; sisuliselt seista sama asja-ainult kompaktsemal kujul. Need on üks lihtsamaid koodi optimeerimise meetodeid.

Seal on mitu JavaScripti lühikirjeldust, aga nad on ei ole ametlikku juhendit. Mõned neist on väga lihtsad, samas kui teised on kogenud arendajate jaoks üsna hirmutavad. Selles artiklis leiate 10 JavaScripti algajatele millega saate alustada koodide optimeerimisega ja kirjutada lühemat koodi.

1. Kümnendnumbrid

Kui te regulaarselt töötage suurte kümnendkohtadega see lühikirjeldus võib olla jumalanna, sest sa ei pea enam kõik nullid välja kirjutama, lihtsalt asenda need e märge. Näiteks, 1e8 tähendab kaheksa nulli lisamist pärast 1 number, see võrdub 100000000.

Numbrile järgnenud number e näitab nullide arvu mis on pärast numbrit (numbreid) e. Samuti, 16e4 on lühikirjeldus 160000, jne.

 / * Lühikirjeldus * / var myVar = 1e8; / * Longhand * / var myVar = 100000000;

2. Kasv, vähenemine

The juurdekasvu stenogramm koosneb kahest + See tähendab, et muutuja väärtus peab olema ühe võrra. Samamoodi on vähenemise stenogramm koosneb kahest - see tähendab, et muutuja peab olema vähenenud ühe võrra.

Neid kahte lühikirjeldust saab kasutada ainult numbrilistes andmetüüpides. Neil on silmuste puhul hädavajalik roll, kõige sagedamini kasutatav juhtum on jaoks silmus.

 / * Lühikirjeldus * / i ++; j--; / * Pikk ja * / i = i + 1; j = j-1;

3. Lisage, segage, korrutage, jagage

Igale neli põhilist matemaatilist operatsiooni: lisamine, häirimine, korrutamine ja jagamine. Nad töötavad samamoodi nagu juurdekasvu ja vähendamise operaatorid, siin saab muuta muutuja väärtust mis tahes numbriga (mitte ainult üks).

Allpool toodud näites on i muutujat suurendatakse 5, j väheneb 3, k korrutatakse 10, ja l on jagatud 2.

 / * Lühikirjeldus * / i + = 5; j- = 3; k * = 10; l / = 2; / * Pikk ja * / i = i + 5; j = j-3; k = k * 10; l = l / 2;

4. Määrake märgi asukoht

The JÄRGMINE () meetod on üks kõige sagedamini kasutatavaid stringimeetodeid, see tagastab tähemärki kindlal positsioonil (näiteks 5^th stringi iseloom). Selle asemel saab kasutada lihtsaid stenogramme: lisate selle sümbolite sulgudes pärast stringi.

Pöörake tähelepanu sellele, et JÄRGMINE () meetod on nullil põhinev. Seetõttu, myString [4] tagastab 5^th tähemärk stringis ("y" näites).

 var myString = "Palju sünnipäeva"; / * Lühikirjeldus * / myString [4]; / * Longhand * / myString.charAt (4);

5. Märkige muutujad lahtiselt

Kui soovite luua rohkem kui üks muutuja sa ei pea neid ükshaaval välja kirjutama. See on piisav var (või lase) märksõna ainult üks kord, siis saate lihtsalt loetleda muutujad, mida soovite luua, eraldatud komaga.

Selle stenogrammiga saate mõlemad kuulutada määratlemata muutujad ja väärtusega muutujad.

 / * Shorthand * / var i, j = 5, k = "Tere hommikust", l, m = false; / * Longhand * / var i; var j = 5; var k = "Tere hommikust"; var l; var m = false;

6. Deklareerige assotsiatiivne massiiv

Massiivi deklareerimine JavaScriptis on suhteliselt lihtne ülesanne, kasutades var myArray = ["õun", "pirn", "oranž"] süntaks. Kuid, assotsiatiivse massiivi kuulutamine on mõnevõrra keerulisem, nagu siin, sa ei pea ainult väärtusi määratlema, vaid ka võtmeid (tavaliste massiivide puhul on võtmed 0, 1, 2, 3 jne.).

Assotsiatiivne massiiv on a võtmeväärtuste paaride kogumine. Pikaajaline viis on massiivi deklareerimine, seejärel iga elemendi lisamine ükshaaval. Kuid allpool toodud stenogrammiga saate ka deklareerige assotsieeruv massiiv pluss kõik selle elemendid samal ajal.

Allpool toodud näites on myArray assotsiatiivne massiiv määrab oma sünnikoht (väärtused) kuulsatele inimestele (võtmed).

 / * Shorthand * / var myArray = "Grace Kelly": "Philadelphia", "Clint Eastwood": "San Francisco", "Humphrey Bogart": "New York City", "Sophia Loren": "Rooma", "Ingrid Bergman ":" Stockholm " / * Longhand * / var myArray = uus Array (); myArray ["Grace Kelly"] = "Philadelphia"; myArray ["Clint Eastwood"] = "San Francisco"; myArray ["Humphrey Bogart"] = "New York City"; myArray ["Sophia Loren"] = "Rooma"; myArray ["Ingrid Bergman"] = "Stockholm";

7. Deklareerige objekt

Lühikirjeldus objekti deklaratsioon töötab sarnaselt assotsiatiivsete massiividega. Kuid siin ei ole võtmeväärtust paare, vaid vara väärtuse paarid mida peate trakside vahel asetama .

Ainus erinevus stenogrammi süntaksis on see objekti omadused ei ole jutumärkides (nimi, sünnikoht, vanus, oliJamesBond allpool toodud näites).

 / * Shorthand * / var myObj = nimi: "Sean Connery", placeOfBirth: "Edinburgh", vanus: 86, oliJamesBond: true; / * Longhand * / var myObj = uus objekt (); myObj.name = "Sean Connery"; myObj.placeOfBirth = "Edinburgh"; myObj.age = 86; myObj.wasJamesBond = tõsi;

8. Kasutage tingimuslikku operaatorit

The tingimuslik (kolmekordne) operaator kasutatakse sageli otsetee kui-muidu avaldus. See koosneb kolm osa:

the seisund
mis juhtub, kui tingimus on tõene (kui)
mis juhtub, kui tingimus on vale (muidu)

Allpool toodud näites saadame lihtsa sõnumi (selle sees) sõnum muutuja) inimestele, kes soovivad klubisse siseneda. Kasutades stenogrammi vormi, on see vaid üks rida koodi hindamine.

 var age = 17; / * Shorthand * / var message = vanus> = 18? "Lubatud": "Keeldunud"; / * Longhand * / if (vanus> = 18) var message = "Lubatud";  else var message = "Denied";

Kui soovite seda lihtsalt testida kopeerige kood veebikonsooli (F12 enamikus brauserites) ja muutke väärtust vanus muutuv.

9. Kontrollige kohalolekut

Sageli juhtub, et peate kontrollima, kas muutuja on kohal või mitte. The “olemasolu korral” stenogramm aitab teil seda teha palju vähem koodiga.

Olge ettevaatlik, et enamik artikleid JavaScripti lühifilmide kohta ei anna õiget vormi, nagu kui (myVar) märge ei kontrolli lihtsalt, kas muutuja ei ole vale, vaid ka mõned teised asjad. Nimelt muutuja ei saa olla määratlemata, tühi, null ja vale.

 var myVar = 99; / * Shorthand * / if (myVar) console.log ("MyVari muutuja on defineeritud JA see ei ole tühi JA ei ole null JA ei ole vale.");  / * Longhand * / if (myVar tüüp! == "määratlemata & & myVar! ==" "& & myVar! == null & & myVar! == 0 & & myVar! == false) console.log (" MinuVar muutuja on määratletud JA see ei ole tühi ega ole null JA mitte vale. ");

Saate testida, kuidas “olemasolu korral” stenogramm töötab, sisestades veebikonsooli ja väärtuse muutmine myVar paar korda.

Et mõista, kuidas see lühikirjeldus toimib, tasub seda selle väärtustega katsetada "" (tühi string), vale, 0, tõsi, mitte-tühi string (nt. "Tere"), number (nt. 99) ja kui muutuja on määratlemata (lihtsalt var myVar;).

10. Kontrollige puudumist

The “olemasolu korral” stenogrammi saab kasutada kontrollige muutuja puudumist asetades hüüumärk enne. Hüüumärk on loogiline, mitte operaator JavaScriptis (ja enamikus programmeerimiskeeltes).

Seega, koos kui (! myVar) märge, saate kontrollida, kas myVar muutuja ei ole määratlemata, tühi, null või vale.

 var myVar; / * Shorthand * / if (! MyVar) console.warn ("MyVari muutuja on määratlemata (OR) tühi (OR) null (OR) false.");  / * Longhand * / if (tüüp myVar === "määratlemata" || myVar === "" | | myVar === null || myVar === 0 || myVar === false) console.warn ("MyVar muutuja on määratlemata (OR) tühi (OR) null (OR) false.");