Top 10 skriptov JavaScript pre začiatočníkov
Skrátené nielen urýchli proces kódovania, ale skracuje aj skripty, a preto vedie k rýchlejšie načítanie stránky. Stenografické kódy sú rovnako platné ako ich dlhoročné verzie. v podstate stojí za to isté-iba v kompaktnejšom formáte. Jedná sa o jednu z najjednoduchších techník optimalizácie kódu.
Existuje niekoľko skriptov JavaScript, ale oni nemajú oficiálnu referenčnú príručku. Niektoré sú naozaj jednoduché, zatiaľ čo iné sú dosť zastrašujúce aj pre skúsených vývojárov. V tomto článku môžete nájsť 10 skrátenec JavaScript pre začiatočníkov s ktorou môžete začať s optimalizáciou kódu a písať viac stručného kódu.
1. Desiatkové čísla
Ak ste pravidelne pracovať s veľkými desatinnými číslami táto skratka môže byť bohatá, pretože už nemusíte písať všetky nuly, stačí ich nahradiť e notácie. Napríklad, 1e8 znamená pridanie osem núl po 1 číslica, rovná sa 100000000.
Číslo za písmenom e označuje počet núl ktoré prichádzajú po číslici (číslach) skôr e. podobne, 16e4 je skratka pre 160000, atď.
/ * Skratka * / var myVar = 1e8; / * Longhand * / var myVar = 100000000;
2. Prírastok, zníženie
zvýšenie skrátenej hodnoty sa skladá z dvoch + znamená, že hodnota premennej má byť zvýšené o jeden. Podobne zníženie skratky pozostáva z dvoch - a to znamená, že má byť premenná znížená o jednu.
Tieto dve skratky môžu byť použité iba na číselných dátových typoch. Majú nepostrádateľnú úlohu v slučkách, ich najčastejšie používaným prípadom je pre slučka.
/ * Skratka * / i ++; j--; / * Dlhá hrana * / i = i + 1; j = j-1;
3. Pridajte, rozptyľujte, rozmnožujte, rozdeľte
Pre každú z nich je skratka štyri základné matematické operácie: pridanie, rozptýlenie, násobenie a rozdelenie. Pracujú podobne ako prírastkové a dekrementné operátory, práve tu môžete zmeniť hodnotu premennej ľubovoľným číslom (nie len jednou).
V nižšie uvedenom príklade ja premenná sa zvyšuje o 5, j sa znižuje o 3, k sa násobí 10, a l je rozdelená na 2.
/ * Skratka * / i + = 5; j- = 3; k * = 10; l / = 2; / * Dlhá hrana * / i = i + 5; j = j-3; k = k * 10; l = l / 2;
4. Zistiť pozíciu znakov
CHAR () metóda je jednou z najčastejšie používaných metód reťazca, vracia charakteru na určenom mieste (naprth znak reťazca). Existuje jednoduchá skratka, ktorú môžete použiť namiesto toho: pridáte znaková poloha umiestnená v hranatých zátvorkách po reťazci.
Venujte pozornosť tomu, že CHAR () metóda je nuly. teda, MyString [4] vráti 5th v reťazci ("Y" v príklade).
var myString = "Happy birthday"; / * Skratka * / myString [4]; / * Longhand * / myString.charAt (4);
5. Hromadne deklarujte premenné
Ak chcete vytvoriť viac ako jednu premennú súčasne nemusíte ich písať jeden po druhom. Stačí použiť var (alebo nechať) kľúčové slovo iba raz, potom môžete len zoznam premenných, ktoré chcete vytvoriť, oddelené čiarkou.
Pomocou tejto skratky môžete deklarovať oboje nedefinované premenné a premenné s hodnotou.
/ * Skratka * / var i, j = 5, k = "Dobré ráno", l, m = nepravda; / * Longhand * / var i; var j = 5; var k = "Dobré ráno"; var l; var m = nepravda;
6. Vyhlasujte asociatívne pole
Deklarovanie poľa v jazyku JavaScript je pomerne jednoduchá úloha pomocou var myArray = ["jablko", "hruška", "oranžová"] syntax. však, deklarovanie asociačného poľa je o niečo zložitejšie, ako tu, nemusíte len definovať hodnoty, ale aj kľúče (v prípade pravidelných polí sú kľúče 0, 1, 2, 3 atď.).
Asociačné pole je a zber párov kľúč-hodnota. Dlhá cesta je deklarovať pole a potom každý prvok pridať jeden po druhom. Avšak so skratkou nižšie môžete tiež deklarovať asociatívne pole plus všetky jeho prvky v rovnakom čase.
V nižšie uvedenom príklade myArray asociačné pole priraďuje svoje miesto narodenia (hodnoty) slávnym ľuďom (kľúčom).
/ * Shorthand * / var myArray = "Grace Kelly": "Philadelphia", "Clint Eastwood": "San Francisco", "Humphrey Bogart": "New York City", "Sophia Loren" Bergman ":" Štokholm " / * Longhand * / var myArray = nové Array (); myArray ["Grace Kelly"] = "Philadelphia"; myArray ["Clint Eastwood"] = "San Francisco"; myArray ["Humphrey Bogart"] = "New York"; myArray ["Sophia Loren"] = "Rím"; myArray ["Ingrid Bergman"] = "Štokholm";
7. Vyhlásenie objektu
Skratka pre deklarácia objektu pracuje podobne ako pri asociatívnych poliach. Tu však nie sú žiadne páry kľúč-hodnota, ale párov vlastností a hodnôt ktoré musíte umiestniť medzi výstuhy .
Jediný rozdiel v syntaxe skratky je to vlastnosti objektu nie sú uzavreté v úvodzovkách (názov, miesto narodenia, Vek, wasJamesBond v nižšie uvedenom príklade).
/ * Shorthand * / var myObj = názov: "Sean Connery", placeOfBirth: "Edinburgh", vek: 86, wasJamesBond: true; / * Longhand * / var myObj = nový objekt (); myObj.name = "Sean Connery"; myObj.placeOfBirth = "Edinburgh"; myObj.age = 86; myObj.wasJamesBond = true;
8. Použite podmieneného operátora
podmienený (ternárny) operátor sa často používa ako skratka pre if-else výkaz. Skladá sa to z tri časti:
- podmienka
- čo sa stane, ak podmienka je pravda (
ak) - čo sa stane, ak stav je nepravdivý (
inak)
V nižšie uvedenom príklade zasielame jednoduchú správu (vo vnútri správa premenné) pre ľudí, ktorí chcú vstúpiť do klubu. Pomocou skrátenej formy je len jeden riadok kódu vykonať hodnotenie.
var age = 17; / * Shorthand * / var správa = vek> = 18? "Povolené": "Zamietnuté"; / * Longhand * / ak (vek> 18) var message = "Allowed"; inak var message = "Denne";
Ak chcete otestovať to len skopírujte kód do webovej konzoly (F12 vo väčšine prehliadačov) a upraviť hodnotu Vek premenná niekoľkokrát.
9. Skontrolujte prítomnosť
Často sa stáva, že musíte skontrolovať, či je premenná súčasné alebo nie. “ak je prítomnosť” tesnopis vám pomôže s oveľa menším kódom.
Dávajte si pozor, že väčšina článkov o skriptoch JavaScript neposkytuje správnu formu, ako je ak (myVar) notácia jednoducho nekontroluje, či premenná nie je falošná, ale aj niekoľko ďalších vecí. Menovite premenná nemôže byť nedefinovaná, prázdna, nulová a falošná.
var myVar = 99; / * Shorthand * / if (myVar) console.log ("Premenná myVar je definovaná A nie je prázdna A nie je null a nie je falošná."); / * Longhand * / ak (typ myVar! == "undefined" && myVar! == "& & myVar! == null && myVar! == 0 && myVar! == false) console.log premenná je definovaná a nie je prázdna a nie je null a nie je falošná. "); Môžete vyskúšať, ako “ak je prítomnosť” skratka funguje vložením nasledujúceho útržku kódu do webovej konzoly a zmena hodnoty myVar párkrát.
Aby sme pochopili, ako táto skratka funguje, stojí za to testovať s hodnotami "" (prázdny reťazec), nepravdivý, 0, pravdivý, neprázdny reťazec (napr. "Ahoj"), číslo (napr. 99) a keď je premenná nedefinovaná (jednoducho var myVar;).
10. Skontrolujte neprítomnosť
“ak je prítomnosť” môže byť použitá skratka skontrolujte, či neexistuje premenná umiestnením výkričník pred ním. Výkričník je logický nie operátor v jazyku JavaScript (a vo väčšine programovacích jazykov).
Preto s ak (! myVar) zápis, môžete skontrolovať, či myVar premenlivý nie je nedefinovaná, prázdna, nulová alebo falošná.
var myVar; / * Shorthand * / if (! MyVar) console.warn ("Premenná myVar je nedefinovaná (OR) prázdna (OR) null (OR) false"); / * Longhand * / ak (typeof myVar === "undefined" || myVar === "" || myVar === null || myVar === 0 || myVar === false) console.warn ("Premenná myVar je nedefinovaná (OR) prázdna (OR) null (OR) false");
