Top 10 JavaScript kezdőbetűi

JavaScript rövidítések nemcsak felgyorsítja a kódolási folyamatot, hanem rövidebbé teszi a szkripteket is, és így vezet gyorsabb oldalterhelés. A rövidített kódok ugyanolyan érvényesek, mint a hosszú élettartamú változataik; alapvetően ugyanazt a dolgot-csak kompaktabb formátumban. Ezek az egyik legegyszerűbb kódoptimalizálási technika.

Számos JavaScript shorthands létezik, azonban ezek is nincs hivatalos referencia útmutató. Vannak, akik nagyon egyszerűek, míg mások eléggé megfélemlítik a tapasztalt fejlesztőket is. Ebben a cikkben megtalálható 10 JavaScript kezdőbetűi amellyel elkezdhetjük a kódoptimalizálást és írjunk tömörebb kódot.

1. Tizedes számok

Ha rendszeresen nagy tizedesjegyekkel dolgozhat ez a rövidítés istenfélő lehet, mivel nem kell minden nullát kiírnia, csak cserélje ki őket a e jelölés. Például, 1e8 "nyolc nullának" hozzáadása a 1 számjegy, ez egyenlő 100000000.

A szám a betű után e a nullák számát jelzi a számjegy (ek) után e. Hasonlóképpen, 16e4 az a rövidítés 160000, stb..

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

2. Növekedés, csökkenés

A növekvő rövidítés kettőből áll + Ez azt jelenti, hogy egy változó értéke növekszik. Hasonlóképpen a csökkenő rövidítés kettőből áll - jelek, és ez azt jelenti, hogy a változó lesz csökkentették.

Ez a két rövidítés használható csak numerikus adattípusokon. A hurkokban nélkülözhetetlen szerepük van, leggyakrabban használt esetük a mert hurok.

 / * Shorthand * / i ++; j--; / * Hosszú és * / i = i + 1; J = j-1; 

3. Adjon hozzá, szüntesse meg, szaporítsa meg, osztja el

Van egy rövidítés minden egyes négy alapvető matematikai művelet: hozzáadás, figyelemelterelés, szorzás és felosztás. Ugyanúgy működnek, mint a növekményes és csökkentő operátorok, itt csak megváltoztathatja a változó értékét bármilyen számmal (nem csak egy).

Az alábbi példában a én a változó értéke növekszik 5, j csökken 3, k szorozva 10, és l osztja 2.

 / * Rövidítés * / i + = 5; J- = 3; k * = 10; L / = 2; / * Hosszú és * / i = i + 5; J = j-3; k = k * 10; L = l / 2; 

4. Határozza meg a karakter pozícióját

A charAt () eljárás egyike a leggyakrabban használt karakterlánc-módszereknek, visszatér a karaktert egy meghatározott pozícióban (például az 5. \ t^th karakterlánc). Van egy egyszerű rövidítés, amit helyette használhat: hozzáadja a szögletes zárójelben található karakterhelyzet a karakterlánc után.

Ügyeljen arra, hogy a charAt () módszer nullabázisú. Ebből adódóan, sajatString [4] visszaadja az 5^th karakter a karakterláncban ("Y" a példában).

 var myString = "Boldog születésnapot"; / * Shorthand * / myString [4]; / * Longhand * / myString.charAt (4); 

5. Jelentse be a változókat ömlesztve

Ha létrehozni szeretne több változót egyidejűleg nem kell őket egyenként beírni. Elegendő a var (vagy enged) kulcsszó csak egyszer, akkor csak felsorolja a létrehozni kívánt változókat, vesszővel elválasztva.

Ezzel a rövidítéssel mindkettőt kijelentheted meghatározatlan változók és értékeket tartalmazó változók.

 / * Shorthand * / var i, j = 5, k = "Jó reggelt", l, m = false; / * Longhand * / var i; var j = 5; var k = "Jó reggelt"; var l; var m = false; 

6. Adja meg az asszociatív tömböt

A tömböt a JavaScriptben viszonylag egyszerű feladat, a var myArray = ["alma", "körte", "narancs"] szintaxis. azonban, egy asszociatív tömb kijelölése egy kicsit bonyolultabb, mint itt, nem csak az értékeket kell definiálnia, hanem a kulcsokat is (rendszeres tömbök esetén a kulcsok 0, 1, 2, 3 stb.).

Az asszociatív tömb a kulcs-értékpárok gyűjtése. A hosszú út a tömb deklarálása, majd minden egyes elem hozzáadása egyenként. Azonban a lenti rövidítéssel is deklarálja az asszociatív tömböt plusz minden elemét ugyanabban az időben.

Az alábbi példában a myArray az asszociatív tömb hozzárendeli születési helyüket (értékeiket) a híres embereknek (kulcsok).

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

7. Jelentse meg az objektumot

A rövidítés objektum-nyilatkozat hasonlóan működik az asszociatív tömbökhez. Azonban itt nincsenek kulcsértékpárok, de ingatlan-értékpárok amit meg kell tenned a nadrágtartók között .

Az egyetlen különbség a rövid szintaxisban az, hogy az objektum tulajdonságai nincsenek idézőjelben (név, Születési hely, kor, wasJamesBond az alábbi példában).

 / * Shorthand * / var myObj = név: "Sean Connery", placeOfBirth: "Edinburgh", életkor: 86, JamesBond: true; / * Longhand * / var myObj = új objektum (); myObj.name = "Sean Connery"; myObj.placeOfBirth = "Edinburgh"; myObj.age = 86; myObj.wasJamesBond = igaz; 

8. Használja a feltételes operátort

A feltételes (hároméves) operátor gyakran használják parancsikon ha más nyilatkozat. Ez áll három részből áll:

1. a feltétel
2. mi történik, ha a feltétel igaz (ha)
3. mi történik, ha a a feltétel hamis (más)

Az alábbi példában egyszerű üzenetet küldünk (a üzenet változó) azok számára, akik klubba akarnak belépni. A rövidített formanyomtatvány használatával ez csak egy sor kód végezze el az értékelést.

 var age = 17; / * Shorthand * / var message = kor> = 18? "Engedélyezett": "Letiltva"; / * Longhand * / if (kor> = 18) var message = "Engedélyezve";  else var message = "Letiltva";  

Ha csak tesztelni akarod másolja a kódot a webkonzolba (F12 a legtöbb böngészőben) és módosítja a kor változó néhányszor.

9. Ellenőrizze a jelenlétet

Gyakran előfordul, hogy ellenőrizni kell, hogy egy változó van-e jelen vagy sem. A “ha jelen van” gyorsírás ez sokkal kevesebb kóddal segít.

Ne feledje, hogy a legtöbb JavaScript-ról szóló cikk nem ad megfelelő hosszúságú formát, mint a ha (myVar) a jelölés nem egyszerűen ellenőrzi, hogy a változó nem hamis, hanem néhány más dolog is. Nevezetesen, a változó nem lehet definiálatlan, üres, null és hamis.

 var myVar = 99; / * Shorthand * / if (myVar) console.log ("A myVar változó definiálva van, és nem üres és nem null és nem hamis.");  / * Longhand * / if (myVar típus! == "undefined" & & myVar! == "& & myVar! == null & & myVar! == 0 & & myVar! == false) console.log (" A myVar változó van definiálva, és ez nem üres és nem nulla ÉS nem hamis. ");  

Tesztelheti, hogy a “ha jelen van” a rövidített szöveg a következő kódrészlet beillesztésével a webkonzolba és az érték megváltoztatása myVar néhány alkalommal.

Ahhoz, hogy megértsük, hogyan működik ez a rövidítés, érdemes azt tesztelni „” (üres karakterlánc), hamis, 0, igaz, egy nem üres karakterlánc (pl. "Szia"), egy szám (pl. 99), és ha a változó meghatározatlan (egyszerűen var myVar;).

10. Ellenőrizze a távollétet

A “ha jelen van” a rövidítés használható ellenőrizze a változó hiányát elhelyezésével felkiáltójel előtt. A felkiáltójel a logikus nem operátor a JavaScript-ben (és a legtöbb programozási nyelven).

Ezért a ha (! myVar) jelölés, ellenőrizheti, hogy a myVar változó nem definiált, üres, null vagy hamis.

 var myVar; / * Shorthand * / if (! MyVar) console.warn ("A myVar változó meghatározatlan (OR) üres (OR) null (OR) false.");  / * Longhand * / if (myVar típus === "undefined" | | myVar === "" || myVar === null || myVar === 0 || myVar === false) console.warn ("A myVar változó nem definiált (OR) üres (OR) null (OR) false.");