Obsah[Skryť][Šou]
- 1. Zlepšite svoje základné znalosti
- 2. Využite objektovo orientovanú stratégiu
- 3. Využite funkcie, aj keď sú malé
- 4. Namiesto == použite ===
- 5. Použite JSLint
- 6. Skripty by mali byť umiestnené v spodnej časti stránky
- 7. Najrýchlejší spôsob výroby struny
- 8. Pridajte komentár k svojmu kódu
- 9. Využite šablónové literály
- 10. Iterátory a pre ... slučiek
- 11. Namiesto new Object() použite {}
- 12. Zvážte vloženie let a const do vášho kódu
- 13. eval() nie je dobrý nápad
- 14. Operátor šírenia príde vhod
- 15. čakať a async
- 16. Použite metódu include() v Javascripte
- 17. Odstráňte položky z poľa pomocou Splice
- 18. Využite funkciu šípok
- 19. Pomocou Destructuring môžete rýchlo priradiť hodnoty premenných
- 20. Urobte niekoľko projektov
- záver
Ak ste sa niekedy zaujímali o vývoj webových aplikácií, určite ste sa už stretli s JavaScriptom. Objektovo orientovaný programovací jazyk je JavaScript. Vývojári ho používajú na to, aby boli webové stránky na strane klienta (front-end) dynamické a interaktívne.
Používa sa tiež na vytváranie webových stránok a webových aplikácií pomocou HTML a CSS. V súčasnosti neexistuje na internete webová stránka, ktorá by nemala kód JavaScript. Stal sa neoddeliteľnou súčasťou práce vývojára.
V skutočnosti sa neustále zvyšuje. Hoci JavaScript je najlepšie známy pre poskytovanie funkčnosti webovým stránkam, používa sa aj v prostrediach bez JavaScriptu. Node.js, Apache Couch-DB a Adobe Acrobat sú príklady týchto technológií. Na spustenie JavaScriptu obsahuje väčšina moderných webových prehliadačov zabudovaný spúšťací mechanizmus JavaScriptu. Ak chcete byť úspešným webovým vývojárom, budete sa musieť popasovať s JavaScriptom.
Musíte to riešiť dnes alebo zajtra. Prečo sa nenaučiť JavaScript vopred, aby ste boli pripravení, keď príde čas?
Toto sa dozviete v tejto relácii. Vysvetľuje, ako zostať o krok vpred pred ostatnými webovými vývojármi vylepšovaním JavaScriptu.
Poďme začať!
1. Zlepšite svoje základné znalosti
Začnem naozaj základnou myšlienkou a tvrdením, ktoré ste počuli odmalička. Naučte sa základy a uveďte ich do praxe. Mnohokrát budete používať logiku s kódovaním, ale zabudnete, že už existuje vstavaná funkcia, ako je rezanie poľa. Pri spustení kódu JavaScript sa môže zobraziť chyba a v dôsledku toho prestane fungovať mnoho ďalších funkcií.
Môže to byť spôsobené jednou dvojbodkou alebo obrátenými čiarkami. Tieto veci sa vyskytujú v dôsledku nepochopenia základov. Mnohokrát sa v jednom programe používa základná slučka, ako napríklad for, which alebo do while. Slučky sú jednou z najzákladnejších programovacích konštrukcií.
Je dosť ťažké kódovať a dokonca máte šancu pracovať pre firmu, ak nepoznáte slučkovanie a iné základy. Očistenie základov je dôležité, pretože poskytujú solídny základ, na ktorom možno rozvíjať komplikovanú logiku a reputáciu riešenia.
2. Využite objektovo orientovanú stratégiu
Objektovo orientovaná metóda je dnes najznámejším programovacím prístupom. Objektovo orientovaný prístup, ktorý začal s C++, odvtedy nesmierne vzrástol na popularite. Dnes sa na vytváranie všetkých hlavných jazykov používa iba objektovo orientované programovanie. Objektovo orientovaná stratégia je taká, ktorá je zameraná na konkrétny objekt.
Položka sa potom stáva základnou entitou. Tento objekt sa potom používa na pridávanie atribútov a funkcií na stránku ako základ. Môžete tiež použiť tradičnú metódu vytvárania kódu zhora nadol bez akýchkoľvek funkcií alebo objektov. Toto je príliš rozsiahle a nikdy by sa o to nemalo pokúšať. Pri vývoji kódu by sme mali používať funkčný prístup a ak využívame funkcie, mali by sme používať objekty.
Takže na začiatku sa snažte previesť svoj rozsiahly kód na objektovo orientovaný kód a vždy píšte svoj kód v objektovo orientovanom štýle. Keď budete študovať kód iných ľudí, budete sa neustále pozerať na objektovo orientované techniky. Ak chcete ovládať JavaScript, najlepšie je, ak ho dostanete do rúk.
3. Využite funkcie, aj keď sú malé
Programovanie s funkčným prístupom je skvelý spôsob. prečo? Rozdeľuje váš softvér do modulov, ktoré fungujú spoločne, ale stále sa navzájom líšia. Dovoľte mi uviesť príklad, ktorý vám pomôže pochopiť.
Stredná odmocnina celých čísel sa môže vypočítať pomocou funkcie. Ak to chcete urobiť, musíte odmocniť celé čísla, vypočítať ich priemer a potom vypočítať druhú odmocninu priemeru. V procese sú tri fázy. V dôsledku toho môžeme použiť tri funkcie. Ale ako vidíte, všetky tieto funkcie sú vzájomne prepojené. Výstup jedného sa posiela do druhého a my dostávame konečný výsledok.
Predpokladajme, že namiesto troch funkcií jednoducho potrebujete jednu na výpočet RMS na základe viacerých faktorov. Konečné riešenie, ako vidíte, je nesprávne. V tejto chvíli bude pre vás dosť ťažké určiť, čo sa na takom veľkom podujatí pokazilo.
Na druhej strane, ak máte tri drobné funkcie, umožní vám to rýchlo analyzovať. Výsledkom je, že aj keď sú funkcie skromné, použite ich na definovanie odlišných modulov kódu. Táto technika vám pomôže stať sa expertom na JavaScript ako mágia.
Teraz sa pozrime na niekoľko tipov na kódovanie JavaScriptu.
4. Namiesto == použite ===
V JavaScripte existujú dva typy operátorov rovnosti: operátory s prísnou rovnosťou === a !== a operátory bez prísnej rovnosti == a !=. Pri porovnávaní sa považuje za najlepší postup vždy používať presnú rovnosť. Pri práci s == a != však narazíte na problémy pri práci s odlišnými druhmi.
Keď sa typy hodnôt, ktoré porovnávate, líšia, neprísni operátori sa budú snažiť vynútiť ich hodnoty, čo môže viesť k neočakávaným výsledkom.
5. Použite JSLint
Douglas Crockford vytvoril JSLint, debugger. Jednoducho vložte svoj skript do krabice a on v ňom rýchlo naskenuje akékoľvek chyby alebo nedostatky.
JSLint skúma zdrojový súbor JavaScriptu. Ak sa zistí problém, pošle správu s popisom problému a približnou pozíciou v zdroji. Problémom nie je vždy syntaktická chyba, aj keď sa to často stáva.
JSLint skúma štylistické normy aj štrukturálne problémy. Neznamená to, že váš softvér je presný. Pridáva len ďalší pár očí, ktoré pomáhajú pri zisťovaní problémov. Predtým, ako sa odhlásite zo skriptu, spustite ho cez JSLint, aby ste sa uistili, že ste neurobili žiadne chyby.
6. Skripty by mali byť umiestnené v spodnej časti stránky
Primárnym cieľom používateľa je, aby sa stránka načítala čo najrýchlejšie. Prehliadač nemôže pokračovať v načítavaní skriptu, kým sa nenačíta celý súbor. Výsledkom je, že používateľ bude musieť čakať dlhšie, aby videl akýkoľvek pokrok.
Ak máte súbory JS, ktoré sa používajú iba na poskytovanie funkcií (napríklad po stlačení tlačidla), umiestnite ich do spodnej časti stránky, priamo pred koncovú značku tela. Toto je nepochybne najlepšia prax.
7. Najrýchlejší spôsob výroby struny
Keď potrebujete prechádzať okolo poľa alebo objektu, nepoužívajte vždy svoj dôveryhodný príkaz for loop. Využite svoju fantáziu, aby ste prišli s najrýchlejším riešením danej úlohy. Nebudem vám prinášať čísla; jednoducho mi budete musieť veriť (alebo si to otestovať sami).
Toto je zďaleka najrýchlejšia technika.
8. Pridajte komentár k svojmu kódu
Na prvý pohľad sa to môže zdať zbytočné, ale verte mi, keď poviem, že by ste mali svoj kód komentovať čo najčastejšie. Čo ak sa k projektu vrátite po mesiacoch a nemôžete si spomenúť na svoj pôvodný myšlienkový proces?
Čo ak váš kód musí aktualizovať jeden z vašich spolupracovníkov? Dôležité oblasti vášho kódu by mali byť vždy komentované.
9. Využite šablónové literály
Obmedzenia reťazcov vytvorených pomocou dvojitých alebo jednoduchých úvodzoviek sú početné. Aby ste si prácu s nimi uľahčili, môžete sa rozhodnúť nahradiť niektoré reťazce šablónovými literálmi.
Znak backtick (') sa používa na zostavenie literálov šablóny, čo má množstvo výhod. Môžete ich použiť na ukladanie výrazov alebo na vytváranie viacriadkových reťazcov.
Ako môžete vidieť, na rozdiel od bežného reťazcového literálu vytvoreného pomocou jednoduchých alebo dvojitých úvodzoviek sme nemuseli opakovane vchádzať a vychádzať z nášho šablónového literálu. To minimalizuje pravdepodobnosť preklepov a umožňuje nám písať čistejší kód.
10. Iterátory a pre ... slučiek
Iterátory sú objekty v JavaScripte, ktoré implementujú metódu next() na vrátenie objektu, ktorý ukladá nasledujúcu hodnotu v sekvencii, ako aj hodnotu true alebo false v závislosti od toho, či zostali nejaké ďalšie hodnoty. To znamená, že ak implementujete protokol iterátora, môžete si vytvoriť svoje vlastné objekty iterátora.
V JavaScripte sú niektoré vstavané iterátory, ako napríklad String, Array, Map atď. Môžete použiť pre … z slučiek na ich opakovanie. V porovnaní s bežnými slučkami for je to stručnejšie a menej náchylné na chyby. Nemusíme sledovať úplnú dĺžku poľa alebo aktuálny index pomocou cyklu for...of. Pri navrhovaní vnorených slučiek to môže pomôcť zjednodušiť kód.
11. Namiesto new Object() použite {}
V JavaScripte môžete vytvárať objekty rôznymi spôsobmi. Použitie nového konštruktora, ako je znázornené, je konvenčnejší spôsob. Táto stratégia je na druhej strane označená ako „zlá prax“.
Nie je to deštruktívne, ale je to trochu heslovité a jedinečné. Namiesto toho navrhujem použiť techniku objektového doslovu.
12. Zvážte vloženie let a const do vášho kódu
Kľúčové slovo let môžeme použiť na vytvorenie lokálnych premenných, ktoré sú ohraničené ich vlastným blokom. Kľúčové slovo const môžeme použiť na zostavenie lokálnych premenných s rozsahom blokov, ktoré sa nedajú zmeniť.
Pri deklarovaní premenných by ste mali zvážiť použitie kľúčových slov let a const, ak je to možné. Pamätajte, že kľúčové slovo const zakazuje iba zmenu priradenia. To tiež nerobí premennú nemennou.
13. eval() nie je dobrý nápad
Metóda eval() pre tých, ktorí to nevedia, nám umožňuje prístup ku kompilátoru JavaScriptu. V podstate môžeme použiť eval na vykonanie výsledku reťazca tak, že ho zadáme ako vstup ().
Nielenže to výrazne spomalí váš skript, ale ponúka to aj významný bezpečnostný problém, pretože odovzdanému textu dáva príliš veľkú autoritu. Vyhnite sa tomu za každú cenu!
14. Operátor šírenia príde vhod
Potrebovali ste niekedy preniesť všetky položky v poli ako jednotlivé prvky do inej funkcie, alebo ste potrebovali vložiť všetky hodnoty z jedného poľa do druhého? To je presne to, čo nám operátor spreadu (...) umožňuje dosiahnuť. Tu je ilustrácia.
15. čakať a async
Vytvorte asynchrónne funkcie pomocou kľúčového slova async, ktoré vždy vráti prísľub, či už explicitne alebo implicitne.
Kľúčové slovo wait možno použiť v asynchrónnych funkciách na zastavenie vykonávania, kým sa nedokončí riešenie vracajúcich sa prísľubov. Mimo vašej asynchronnej funkcie bude kód naďalej bežať normálne.
16. Použite metódu include() v Javascripte
V JavaScripte funkcia include() určuje, či reťazec obsahuje zadané znaky alebo či pole obsahuje zadaný prvok.
Táto metóda vráti hodnotu true, ak sa nájde reťazec alebo prvok; v opačnom prípade vráti hodnotu false. Stojí za zmienku, že funkcia Strings obsahuje() rozlišuje malé a veľké písmená. Ak chcete nájsť zhodu s reťazcom bez ohľadu na veľké a malé písmená, jednoducho najprv cieľový text zapíšte malými písmenami.
17. Odstráňte položky z poľa pomocou Splice
Na odstránenie položky z poľa som videl vývojárov používať funkciu odstránenia. Toto je chybné, pretože namiesto odstránenia objektu ho metóda delete nahradí nedefinovaným.
Najjednoduchší spôsob, ako odstrániť prvok z poľa v závislosti od jeho hodnoty v JavaScripte, je použiť funkciu indexOf() na získanie indexového čísla tejto hodnoty v poli a potom túto hodnotu indexu odstrániť pomocou metódy splice().
18. Využite funkciu šípok
Funkcie šípok sú ďalšou dôležitou funkciou, ktorá bola práve pridaná do JavaScriptu.
Majú veľké množstvo výhod. Na začiatok robia funkčné časti JavaScriptu vizuálne príťažlivejšie a ľahšie sa píšu. Pomocou funkcií šípok je to však oveľa čitateľnejšie a stručnejšie.
19. Pomocou Destructuring môžete rýchlo priradiť hodnoty premenných
Skôr v tomto príspevku sme sa dozvedeli o operátorovi šírenia v JavaScripte. Deštrukcia je podobná deštrukcii v tom, že rozbaľuje aj údaje obsiahnuté v poliach.
Rozdiel je v tom, že tieto rozbalené hodnoty možno priradiť k odlišným premenným. Syntax je identická so syntaxou skratky [] pri vytváraní poľa. Zátvorky sú však tentoraz umiestnené na ľavej strane operátora priradenia. Tu je ilustrácia.
20. Urobte niekoľko projektov
Akýkoľvek talent si vyžaduje dôslednú prax, preto sa pokúste vytvoriť rôzne projekty, aby ste zdokonalili svoje schopnosti a získali odborné znalosti s rôznymi scenármi programovania.
Pri práci na projektoch zažijete niekoľko výziev a chýb, ktoré vám poskytnú potrebné odborné znalosti. Skúste teda vymýšľať projekty a na internete je množstvo nápadov a príkladov, ktoré vám pomôžu. Pokračujte vo vývoji kódu a vaše schopnosti sa zlepšia.
záver
Môže byť ťažké naučiť sa počítačový jazyk, ako je JavaScript. Ak to s tým, že sa chcete stať dobrým programátorom a chcete si zabezpečiť svoju prvú prácu, myslíte vážne, potom vám tieto stratégie učenia JavaScriptu môžu pomôcť urýchliť proces učenia.
Uistite sa, že pravidelne precvičujete kódovanie, robte si dôkladné poznámky pri učení nových nápadov a využívajte všetky dostupné nástroje. Predovšetkým vypadnite a začnite kódovať a pritom sa bavte.
Nechaj odpoveď