Obsah[Skrýt][Ukázat]
- 1. Zlepšete své základní znalosti
- 2. Využijte objektově orientovanou strategii
- 3. Používejte funkce, i když jsou malé
- 4. Místo == použijte ===
- 5. Použijte JSLint
- 6. Skripty by měly být umístěny ve spodní části stránky
- 7. Nejrychlejší způsob výroby provázku
- 8. Přidejte komentář ke svému kódu
- 9. Využijte šablonové literály
- 10. Iterátory a pro … smyček
- 11. Místo new Object() použijte {}
- 12. Zvažte vložení let a const do vašeho kódu
- 13. eval() není dobrý nápad
- 14. Operátor šíření se hodí
- 15. čekat a asynchronně
- 16. Použijte metodu include() v Javascriptu
- 17. Odstraňte položky z pole pomocí Splice
- 18. Využijte funkci šipky
- 19. Pomocí Destructuring můžete rychle přiřadit hodnoty proměnných
- 20. Vytvořte několik projektů
- Proč investovat do čističky vzduchu?
Pokud jste se někdy zajímali o vývoj webových aplikací, pravděpodobně jste narazili na JavaScript. Objektově orientovaným programovacím jazykem je JavaScript. Vývojáři jej používají k tomu, aby byly webové stránky na straně klienta (front-end) dynamické a interaktivní.
Používá se také k vytváření webových stránek a webových aplikací pomocí HTML a CSS. V dnešní době neexistuje na internetu webová stránka, která by neobsahovala kód JavaScript. Stal se neoddělitelným aspektem práce vývojáře.
Ve skutečnosti se neustále zvyšuje. Ačkoli JavaScript je nejlépe uznáván pro poskytování funkcí webovým stránkám, používá se také v prostředích bez JavaScriptu. Node.js, Apache Couch-DB a Adobe Acrobat jsou příklady těchto technologií. Pro spouštění JavaScriptu obsahuje většina moderních webových prohlížečů vestavěný spouštěcí stroj JavaScript. Pokud chcete být úspěšným webovým vývojářem, budete se muset vypořádat s JavaScriptem.
Musíte to řešit dnes nebo zítra. Proč se nenaučit JavaScript předem, abyste byli připraveni, až přijde čas?
To se dozvíte v této lekci. Vysvětluje, jak zůstat o krok napřed před svými kolegy webovými vývojáři tím, že vylepšíte svůj JavaScript.
Pojďme začít!
1. Zlepšete své základní znalosti
Začnu opravdu základní myšlenkou a prohlášením, které jste slýchali od mládí. Naučte se základy a uveďte je do praxe. Mnohokrát budete používat logiku s kódováním, ale zapomenete, že pro to již existuje vestavěná funkce, jako je rozřezávání pole. Při spuštění kódu JavaScript se může zobrazit chyba a v důsledku toho přestane fungovat mnoho dalších funkcí.
To může být způsobeno jednou dvojtečkou nebo obrácenými čárkami. K těmto věcem dochází v důsledku nepochopení základů. Mnohokrát v jednom programu je použita základní smyčka, jako je for, which nebo do while. Smyčky jsou jednou z nejzákladnějších programovacích konstrukcí.
Je poměrně obtížné kódovat a dokonce máte šanci pracovat pro firmu, pokud nejste obeznámeni s loopingem a dalšími základy. Oprášení vašich základů je zásadní, protože poskytují pevný základ, na kterém lze rozvíjet komplikovanou logiku a pověst řešení.
2. Využijte objektově orientovanou strategii
Objektově orientovaná metoda je dnes nejznámějším programovacím přístupem. Objektově orientovaný přístup, který začal s C++, od té doby nesmírně vzrostl na popularitě. Dnes se k vytvoření všech hlavních jazyků používá pouze objektově orientované programování. Objektově orientovaná strategie je taková, která je zaměřena na konkrétní objekt.
Předmět se pak stává základní entitou. Tento objekt se pak použije k přidání atributů a funkcí na stránku jako základ. Můžete také použít tradiční metodu vytváření kódu shora dolů bez jakýchkoli funkcí nebo objektů. To je příliš rozsáhlé a nemělo by se o to nikdy pokoušet. Při vývoji kódu bychom měli používat funkční přístup, a pokud využíváme funkce, měli bychom používat objekty.
Na začátku se tedy snažte převést svůj rozsáhlý kód na objektově orientovaný kód a vždy pište kód v objektově orientovaném stylu. Když budete studovat kód jiných lidí, budete se neustále dívat na objektově orientované techniky. Pokud chcete ovládat JavaScript, bude nejlepší, když ho dostanete do rukou.
3. Používejte funkce, i když jsou malé
Programování s funkčním přístupem je skvělý způsob, jak jít. Proč? Rozděluje váš software do modulů, které fungují společně, ale stále se od sebe liší. Dovolte mi uvést příklad, který vám pomůže pochopit.
Root Mean Square celých čísel lze vypočítat pomocí funkce. Chcete-li tak učinit, musíte celá čísla odmocnit, vypočítat jejich střední hodnotu a poté vypočítat druhou odmocninu střední hodnoty. V procesu jsou tři fáze. V důsledku toho můžeme použít tři funkce. Ale jak vidíte, všechny tyto funkce jsou vzájemně propojeny. Výstup jednoho je zaslán druhému a my obdržíme konečný výsledek.
Předstírejme, že místo tří funkcí jednoduše potřebujete jednu k výpočtu RMS na základě více faktorů. Konečné řešení, jak vidíte, je nesprávné. V tuto chvíli bude pro vás poměrně obtížné určit, co se na tak velké akci pokazilo.
Na druhé straně tři drobné funkce vám umožní rychlou analýzu. V důsledku toho, i když jsou funkce skromné, použijte je k definování odlišných modulů kódu. Tato technika vám pomůže stát se expertem na JavaScript jako magie.
Nyní se podívejme na několik tipů pro kódování JavaScriptu.
4. Místo == použijte ===
V JavaScriptu existují dva typy operátorů rovnosti: operátory přísné rovnosti === a !== a nepřísné operátory rovnosti == a !=. Při porovnávání je považováno za osvědčený postup vždy používat přesnou rovnost. Při práci s == a != však narazíte na problémy při práci s odlišnými druhy.
Když se typy hodnot, které porovnáváte, liší, nepřísní operátoři se pokusí vynutit jejich hodnoty, což může vést k neočekávaným výsledkům.
5. Použijte JSLint
Douglas Crockford vytvořil JSLint, debugger. Jednoduše vložte svůj skript do krabice a on v něm rychle prohledá nějaké chyby nebo nedostatky.
JSLint zkoumá zdrojový soubor JavaScriptu. Pokud je zjištěn problém, odešle zprávu s popisem problému a přibližnou pozicí ve zdroji. Problémem není vždy syntaktická chyba, i když k tomu často dochází.
JSLint zkoumá jak stylistické normy, tak strukturální problémy. Neznamená to, že váš software je přesný. Jen přidává další pár očí, které pomáhají při detekci problémů. Než se odhlásíte od skriptu, spusťte jej přes JSLint, abyste se ujistili, že jste se nedopustili žádné chyby.
6. Skripty by měly být umístěny ve spodní části stránky
Primárním cílem uživatele je, aby se stránka načítala co nejrychleji. Prohlížeč nemůže pokračovat v načítání skriptu, dokud se nenačte celý soubor. V důsledku toho bude uživatel muset čekat déle, než uvidí jakýkoli pokrok.
Pokud máte soubory JS, které se používají pouze k poskytování funkcí (například po stisknutí tlačítka), umístěte je do spodní části stránky, těsně před uzavírací značku body. To je bezesporu ta nejlepší praxe.
7. Nejrychlejší způsob výroby provázku
Když potřebujete smyčku kolem pole nebo objektu, nepoužívejte vždy svůj důvěryhodný příkaz for loop. Použijte svou představivost, abyste přišli s nejrychlejším řešením daného úkolu. Nebudu vám přinášet čísla; prostě mi budete muset věřit (nebo si to sami vyzkoušet).
Toto je zdaleka nejrychlejší technika.
8. Přidejte komentář ke svému kódu
Zpočátku se to může zdát zbytečné, ale věřte mi, když řeknu, že byste měli svůj kód komentovat co nejčastěji. Co když se vrátíte k projektu po měsících a nemůžete si vzpomenout na svůj původní myšlenkový proces?
Co když váš kód musí aktualizovat jeden z vašich spolupracovníků? Důležité oblasti vašeho kódu by měly být vždy okomentovány.
9. Využijte šablonové literály
Omezení řetězců vytvořených pomocí dvojitých nebo jednoduchých uvozovek jsou četná. Abyste si práci s nimi výrazně usnadnili, můžete se rozhodnout nahradit některé své řetězce šablonovými literály.
Znak backtick (') se používá k vytváření literálů šablony, což má řadu výhod. Můžete je použít k ukládání výrazů nebo k vytváření víceřádkových řetězců.
Jak vidíte, na rozdíl od konvenčního řetězcového literálu konstruovaného s jednoduchými nebo dvojitými uvozovkami jsme nemuseli opakovaně vstupovat a vycházet z našeho šablonového literálu. To minimalizuje pravděpodobnost překlepů a umožňuje nám psát čistší kód.
10. Iterátory a pro … smyček
Iterátory jsou objekty v JavaScriptu, které implementují metodu next() k vrácení objektu, který ukládá další hodnotu v sekvenci a také hodnotu true nebo false v závislosti na tom, zda zbývají nějaké další hodnoty. To znamená, že pokud implementujete protokol iterátoru, můžete vytvořit své vlastní objekty iterátoru.
V JavaScriptu jsou některé vestavěné iterátory, jako je String, Array, Map a tak dále. Můžete použít for … ze smyček k jejich iteraci. Ve srovnání s běžnými smyčkami for je to stručnější a méně náchylné k chybám. Nemusíme sledovat úplnou délku pole nebo aktuální index pomocí cyklu for…of. Při navrhování vnořených smyček to může pomoci zjednodušit kód.
11. Místo new Object() použijte {}
V JavaScriptu můžete vytvářet objekty různými způsoby. Použití nového konstruktoru, jak je znázorněno, je konvenčnější způsob. Tato strategie je na druhou stranu označena jako „špatná praxe“.
Není to destruktivní, ale je to trochu rozvláčné a jedinečné. Navrhuji místo toho použít techniku objektového doslovu.
12. Zvažte vložení let a const do vašeho kódu
Klíčové slovo let můžeme použít k vytvoření lokálních proměnných, které mají rozsah na jejich vlastní blok. Klíčové slovo const můžeme použít k vytvoření lokálních proměnných s rozsahem bloků, které nelze změnit.
Při deklarování proměnných byste měli zvážit použití klíčových slov let a const, pokud je to možné. Pamatujte, že klíčové slovo const zakazuje pouze změnu přiřazení. To také nečiní proměnnou neměnnou.
13. eval() není dobrý nápad
Metoda eval() nám pro nevědomé umožňuje přístup k kompilátoru JavaScriptu. V podstatě můžeme použít eval k provedení výsledku řetězce tím, že jej dodáme jako vstup ().
Nejen, že to výrazně zpomalí váš skript, ale také to nabízí významný bezpečnostní problém, protože dává předávanému textu příliš velkou autoritu. Vyhněte se tomu za každou cenu!
14. Operátor šíření se hodí
Potřebovali jste někdy přenést všechny položky v poli jako jednotlivé prvky do jiné funkce, nebo jste potřebovali vložit všechny hodnoty z jednoho pole do jiného? To je přesně to, co nám operátor spreadu (…) umožňuje dosáhnout. Zde je ilustrace.
15. čekat a asynchronně
Vytvářejte asynchronní funkce pomocí klíčového slova async, které vždy vrátí slib, buď explicitně, nebo implicitně.
Klíčové slovo wait lze použít v asynchronních funkcích k zastavení provádění, dokud nebude dokončeno řešení vracejících se příslibů. Mimo vaši asynchronní funkci bude kód nadále běžet normálně.
16. Použijte metodu include() v Javascriptu
V JavaScriptu funkce include() určuje, zda řetězec obsahuje zadané znaky nebo zda pole obsahuje zadaný prvek.
Tato metoda vrátí hodnotu true, pokud je nalezen řetězec nebo prvek; jinak vrátí hodnotu false. Stojí za zmínku, že funkce Strings obsahuje() rozlišuje malá a velká písmena. Pokud si přejete porovnat řetězec bez ohledu na velikost písmen, jednoduše nejprve cílový text zadejte malými písmeny.
17. Odstraňte položky z pole pomocí Splice
K odstranění položky z pole jsem viděl, že vývojáři používají funkci delete. To je chybné, protože namísto odstranění objektu jej metoda delete nahradí nedefinovaným.
Nejjednodušší způsob, jak odstranit prvek z pole v závislosti na jeho hodnotě v JavaScriptu, je použít funkci indexOf() k získání indexového čísla této hodnoty v poli a poté tuto hodnotu indexu odstranit pomocí metody splice().
18. Využijte funkci šipky
Funkce šipek jsou další důležitou funkcí, která byla právě přidána do JavaScriptu.
Mají spoustu výhod. Za prvé, dělají funkční části JavaScriptu vizuálně přitažlivějšími a snadněji se píší. Pomocí funkcí šipek je to však mnohem čitelnější a stručnější.
19. Pomocí Destructuring můžete rychle přiřadit hodnoty proměnných
Dříve v tomto příspěvku jsme se dozvěděli o operátoru šíření v JavaScriptu. Destrukturalizace je podobná destrukci v tom, že také rozbaluje data obsažená v polích.
Rozdíl je v tom, že tyto rozbalené hodnoty lze přiřadit odlišným proměnným. Syntaxe je totožná se syntaxí zkratky [] při vytváření pole. Závorky jsou však tentokrát umístěny na levé straně operátoru přiřazení. Zde je ilustrace.
20. Vytvořte několik projektů
Jakýkoli talent vyžaduje důslednou praxi, takže se snažte postavit různé projekty, abyste zdokonalili své schopnosti a získali odborné znalosti s různými scénáři programování.
Při práci na projektech zažijete několik výzev a chyb, které vám poskytnou potřebné odborné znalosti. Zkuste tedy vymýšlet projekty a na internetu je nepřeberné množství nápadů a příkladů, které vám pomohou. Pokračujte ve vývoji kódu a vaše schopnosti se zlepší.
Proč investovat do čističky vzduchu?
Může být obtížné naučit se počítačový jazyk, jako je JavaScript. Pokud to s tím stát se dobrým programátorem a zajistit si svou první práci myslíte vážně, pak vám tyto strategie učení JavaScriptu mohou pomoci urychlit proces učení.
Ujistěte se, že pravidelně procvičujete kódování, dělejte si důkladné poznámky při učení se novým nápadům a používejte všechny nástroje, které máte k dispozici. Především se tam vydejte a začněte kódovat a přitom se bavte.
Napsat komentář