Top 10 JavaScript zkratky pro začátečníky
JavaScript zkratky nejen zrychlit proces kódování, ale také zkrátit skripty, což vede k rychlejší načítání stránky. Zkrácené kódy jsou stejně platné jako jejich dlouhé verze; v podstatě stojí za to samé-pouze v kompaktnějším formátu. Jsou to jedna z nejjednodušších metod optimalizace kódu.
Existuje několik zkratek JavaScriptu nemají oficiální referenční příručku. Některé z nich jsou opravdu jednoduché, zatímco jiné jsou docela zastrašující i pro zkušené vývojáře. V tomto článku můžete najít 10 JavaScript zkratky pro začátečníky s nimiž můžete začít s optimalizací kódu a napsat stručnější kód.
1. Desetinná čísla
Pokud pravidelně práce s velkými desetinnými místy tato zkratka může být darem z nebes, protože už nemusíte psát všechny nuly, stačí je nahradit E notace. Například, 1e8 znamená přidání osmi nul za 1 číslice, rovná se 100000000.
Číslo za písmenem E označuje počet nul které následují za číslicemi před E. Rovněž, 16e4 je zkratka pro 160000, atd.
/ * Zkratka * / var myVar = 1e8; / * Longhand * / var myVar = 100000000;
2. Přírůstek, úbytek
přírůstek zkratka se skládá ze dvou + znamená, že hodnota proměnné má být o jeden. Podobně zmenšení zkratky sestává ze dvou - znamená, že proměnná má být o jeden.
Tyto dva zkratky mohou být použity pouze na numerických datových typech. Ve smyčkách mají nepostradatelnou roli, jejich nejčastějším případem je použití pro smyčka.
/ * Zkratka * / i ++; j--; / * Longhand * / i = i + 1; j = j-1;
3. Přidání, rozptylování, násobení, dělení
Pro každého z nich je zkratka čtyři základní matematické operace: sčítání, rozptýlení, násobení a dělení. Pracují podobně jako operátoři přírůstků a úbytků, právě zde můžete změnit hodnotu proměnné libovolným číslem (ne jen jeden).
V příkladu níže i proměnná je zvýšena o 5, j je snížena o 3, k se násobí 10, a Já se dělí 2.
/ * Zkratka * / i + = 5; j- = 3; k * = 10; l / = 2; / * Longhand * / i = i + 5; j = j-3; k = k * 10; l = l / 2;
4. Určete pozici znaku
charAt () metoda je jednou z nejčastěji používaných metod řetězce, vrací hodnotu znak na určené pozici (například 5. \ tth znak řetězce). Místo toho můžete použít jednoduchou zkratku: přidáte postavy v hranatých závorkách za řetězcem.
Věnujte pozornost tomu, že charAt () metoda je nula. Proto, myString [4] vrátí 5th znak v řetězci ("y" v příkladu).
var myString = "Všechno nejlepší k narozeninám"; / * Zkratka * / myString [4]; / * Longhand * / myString.charAt (4);
5. Deklarovat proměnné ve velkém
Pokud chcete vytvořit více než jedné proměnné najednou nemusíte je vypisovat jeden po druhém. Stačí použít var (nebo nechat) klíčové slovo pouze jednou, pak můžete pouze seznam proměnných, které chcete vytvořit, oddělené čárkou.
S touto zkratkou můžete vyhlásit obě nedefinované proměnné a proměnné s hodnotou.
/ * Zkratka * / var i, j = 5, k = "dobré ráno", l, m = false; / * Longhand * / var i; var j = 5; var k = "Dobré ráno"; var l; var m = false;
6. Deklarovat asociativní pole
Deklarace pole v JavaScriptu je poměrně jednoduchý úkol, pomocí var myArray = ["jablko", "hruška", "oranžová"] syntax. nicméně, deklarovat asociativní pole je o něco složitější, protože zde nemusíte definovat pouze hodnoty, ale i klíče (v případě pravidelných polí jsou klíče 0, 1, 2, 3 atd.).
Asociativní pole je a kolekce párů klíč – hodnota. Dlouhou cestou je deklarovat pole, pak přidávat každý prvek jeden po druhém. S níže uvedenou zkratkou však můžete také deklarovat asociativní pole Plus všechny jeho prvky ve stejnou dobu.
V příkladu níže myArray asociativní pole přiřadí jejich místo narození (hodnoty) slavným lidem (klíče).
/ * Zkratka * / var myArray = "Grace Kelly": "Philadelphia", "Clint Eastwood": "San Francisco", "Humphrey Bogart": "New York City", "Sophia Loren": "Řím", "Ingrid Bergman ":" Stockholm " / * Longhand * / var myArray = new Array (); myArray ["Grace Kelly"] = "Philadelphia"; myArray ["Clint Eastwood"] = "San Francisco"; myArray ["Humphrey Bogart"] = "New York City"; myArray ["Sophia Loren"] = "Řím"; myArray ["Ingrid Bergman"] = "Stockholm";
7. Deklarujte objekt
Zkratka pro objektové prohlášení funguje podobně jako u asociativních polí. Nicméně zde nejsou páry klíč – hodnota, ale páry vlastností a hodnot které musíte umístit mezi závorky .
Jediný rozdíl v zkrácené syntaxi je to vlastnosti objektu nejsou uzavřeny v uvozovkách (název, místo narození, stáří, byl JamesBond v níže uvedeném příkladu).
/ * Zkratka * / var myObj = název: "Sean Connery", placeOfBirth: "Edinburgh", věk: 86, wasJamesBond: true; / * Longhand * / var myObj = nový Objekt (); myObj.name = "Sean Connery"; myObj.placeOfBirth = "Edinburgh"; myObj.age = 86; myObj.wasJamesBond = true;
8. Použijte podmíněný operátor
operátor (podmíněný) je často používán jako zástupce pro if-else prohlášení. Skládá se z tři části:
- stav
- co se stane, když podmínka je pravdivá (
-li) - co se stane, když podmínka je nepravdivá (
jiný)
V níže uvedeném příkladu posíláme jednoduchou zprávu (uvnitř zpráva variabilní) lidem, kteří chtějí vstoupit do klubu. Pomocí zkráceného formuláře je to jen jeden řádek kódu hodnocení.
var věk = 17; / * Zkratka * / var message = věk> = 18? "Povoleno": "Odepřeno"; / * Longhand * / if (věk> = 18) var message = "Povoleno"; else var message = "Denied";
Pokud to chcete otestovat zkopírujte kód do webové konzoly (F12 ve většině prohlížečů) a upravte hodnotu stáří několikrát proměnnou.
9. Zkontrolujte přítomnost
Často se stává, že potřebujete zkontrolovat, zda je proměnná přítomen nebo ne. “pokud přítomnost” těsnopis vám to pomůže s mnohem méně kódu.
Dejte si pozor na to, že většina článků na zkratkách JavaScriptu nedává správný tvar, jako je pokud (myVar) notace jednoduše nekontroluje, zda proměnná není falešná, ale také několik dalších věcí. Proměnná nemůže být nedefinováno, prázdné, null a false.
var myVar = 99; / * Zkratka * / if (myVar) console.log ("Proměnná myVar je definována A není prázdná A není null A není falešná."); / * Longhand * / if (typ myVar! == "undefined" && myVar! == "" && myVar! == null && myVar! == 0 && myVar! == false) console.log ("The myVar proměnná je definována A není prázdná A není null A není false. "); Můžete otestovat, jak “pokud přítomnost” zkratka funguje vložením následujícího fragmentu kódu do webové konzoly a změna hodnoty myVar párkrát.
Abychom pochopili, jak tato zkratka funguje, stojí za to ji vyzkoušet s hodnotami "" (prázdný řetězec), Nepravdivé, 0, skutečný, neprázdný řetězec (např. "Ahoj"), číslo (např.). 99), a když je proměnná nedefinovaná (jednoduše var myVar;).
10. Zkontrolujte nepřítomnost
“pokud přítomnost” zkratka může být použita kontrolovat nepřítomnost proměnné umístěním vykřičník před ním. Vykřičník je logický operátor v JavaScriptu (a ve většině programovacích jazyků).
Proto, s if (! myVar) notaci, můžete zkontrolovat, zda myVar proměnná není nedefinováno, prázdné, null nebo false.
var myVar; / * Zkratka * / if (! MyVar) console.warn ("Proměnná myVar je nedefinovaná (OR) prázdná (OR) null (OR) false."); / * Longhand * / if (typ myVar === "undefined" || myVar === "" || myVar === null || myVar === 0 || myVar === false) console.warn ("Proměnná myVar je nedefinovaná (OR) prázdná (OR) null (OR) false.");
