Úvod do JavaScriptu
V tejto téme sme diskutovali Úvod do JavaScriptu, pretože ide o ľahký dynamický programovací jazyk. Programy napísané v tomto jazyku sa nazývajú skripty, tieto skripty sú vložené do webových stránok a môžu manipulovať s obsahom HTML. Tieto skripty sa spúšťajú pri načítavaní webových stránok. Na ich vykonanie nie je potrebné JavaScript. Predtým bol JavaScript známy ako LiveScript, ale neskôr bol zmenený na JavaScript. Pretože Java bola v tom čase veľmi populárna a predstavenie nového jazyka s podobnosťou mien by bolo užitočné, mysleli si. Neskôr sa však JavaScript stal nezávislým jazykom s vlastnou špecifikáciou s názvom ECMAScript. Netscape 2.0 je prvý, kde sa prvýkrát objavila implementácia JavaScriptu. Syntax jazyka JavaScript je viac ovplyvnená programovacím jazykom „C“.
Spustenie JavaScriptu
Ako sme diskutovali vyššie v úvode k JavaScriptu, teraz sa chystáme študovať spustenie JavaScriptu takto:
JavaScript je skriptovací jazyk, ktorý sa nedá spustiť samostatne, takže na jeho spustenie potrebujeme platformu. Táto platforma nie je nič iné ako prehliadač, kde otvoríme webovú stránku, prehliadače už majú vstavané spúšťacie nástroje. V minulosti to bolo podporované hlavne prehliadačom IE (Internet Explorer), takže na mnohých weboch bývala poznámka pre lepšiu výkonnosť používaním prehliadača IE7. V súčasnosti však všetky prehliadače podporujú JavaScript, takže sa nemusíme obťažovať, či budú naše stránky fungovať správne pre všetky prehliadače, alebo či budú podporované iba konkrétnym prehliadačom. Skripty môžu byť vykonávané pomocou JavaScriptu, prítomnosť týchto engine zaisťuje vykonávanie skriptov v prehliadači, serveri alebo akomkoľvek inom zariadení. Názov týchto motorov sa líši v závislosti od prehliadača. Niektoré z nich sa nazývajú „JavaScript Virtual Machine“, zatiaľ čo niekoľko ďalších je uvedených nižšie:
• V8 je prehliadač Google Chrome s otvoreným zdrojovým kódom vyvinutý spoločnosťou Chromium Project.
• SpiderMonkey je prvý motor vyvinutý spoločnosťou Netscape Communications.
• Nashorn, JScript, Rhino atď. Existuje niekoľko ďalších nástrojov JavaScript.
JavaScript na strane klienta
Najbežnejšou formou jazyka sú JavaScript na strane klienta. Prehliadače musia interpretovať skripty, preto ich musí zahrnúť alebo poukázať do dokumentu HTML. JavaScript je zahrnutý v HTML, preto nie je povinné, aby bol HTML statický. Ale pridaním skriptov môžeme vytvoriť interaktívnejšiu webovú stránku. Skripty na strane klienta poskytujú výhody oproti tradičným skriptom na strane servera, napr. Implementujeme JavaScript na overenie základných informácií vyplnených na webovej stránke, ako je vek pre čísla, e-mail pre @ a .com atď. Skripty vyvinuté a vložené na overenie, sa vykonajú, keď užívateľ odošle formulár a ak sú položky platné, odošle sa, inak sa zobrazí chybové hlásenie.
Funkcie JavaScriptu na strane klienta
V tejto téme Úvod do JavaScriptu vám tiež ukážeme vlastnosti JavaScriptu:
• Môžeme kontrolovať vzhľad a obsah dokumentu
• Prehliadač môžeme ovládať ako kontextové okná
• Interakcia s HTML formulármi, napr. Môžeme zadať tlačidlo
• Interakcia s používateľom, napríklad zobrazovanie správ na konkrétny text alebo slovo.
Prečo je JavaScript jedinečný?
Na vytváranie webových prehliadačov sú k dispozícii rôzne nástroje a programovacie jazyky. JavaScript sa od ostatných odlišuje vďaka prítomnosti troch jedinečne kombinovaných funkcií. Začlenenie týchto troch funkcií je k dispozícii iba v jazyku JavaScript, čo z neho robí jedinečný programovací jazyk, najmä pri návrhu rozhrania.
- Poskytuje úplnú integráciu s HTML. HTML je štandardný nástroj na vývoj webových stránok. Asimilácia JavaScriptu prináša výkonné knižnice a nástroje na zvládnutie väčšiny požadovaných
úloh. - Popri integrácii s HTML je tiež podporovaný všetkými prehliadačmi, čo z neho robí dokonalú voľbu
- Programovací jazyk je efektívny s neustále sa vyvíjajúcimi knižnicami. Vďaka tomu je JavaScript vysoko výkonným programovacím jazykom vo všetkých oblastiach webu, vývoja mobilných aplikácií a dokonca aj IOT.
Príklady jazyka Javascript
O úvode do jazyka Javascript sme sa dozvedeli v predchádzajúcej časti a teraz pokračujeme s príkladmi jazyka Javascript, ktoré sú uvedené nižšie:
Vnorený skript
Mali by sme si ponechať všetok náš kód JavaScript v rámci ….. značiek, ak zahrneme náš kód do dokumentu HTML. Týmto sa náš kód odlíši od zvyšku kódu. Existuje veľa skriptovacích jazykov na strane klienta, odporúča sa špecifikovať skriptovací jazyk. Stačí preto do značky pridať atribút type takto:
Teraz uvidíme príklad, kde sme do JavaScriptu vložili text Hello Hello!
My First JavaScript code!!!
alert("Hello World!");
My First JavaScript code!!!
alert("Hello World!");
-
Externý skript
Niekedy by sme mohli chcieť spustiť jeden JavaScript na mnohých ďalších stránkach bez toho, aby sme museli písať rovnaký skript na každú stránku. Aby sme to mohli implementovať, môžeme napísať JavaScript do externého súboru. Po napísaní by sme mali uložiť externý skript s konkrétnou príponou .js. Externý skript by nemal obsahovať ani tagy. Tento skript môžeme využiť nasmerovaním na súbor .js v atribúte „src“ v značke takto:
Nižšie je uvedený príklad externého skriptu, kde sme ako externý súbor použili javascript1.js
Výhody a nevýhody Javascriptu
Keď sme sa dozvedeli o základnom koncepte úvodu do JavaScriptu, budeme teraz pokračovať v jeho výhodách a nevýhodách.
Výhody JavaScriptu
• Overenie údajov je možné vykonať pred ich odoslaním na server. Tým sa šetrí prenos na serveri, čím sa zabráni zbytočnému zaťaženiu servera.
• Užívateľsky prívetivé webové formuláre môžu byť vytvorené, keď používatelia zabudnú vyplniť alebo urobiť nejakú chybu, nemusia čakať na opätovné načítanie webovej stránky a potom môžu byť vyzvaní.
• Môžeme vytvoriť rozhranie, ktoré vedie používateľov, keď na ne umiestnia kurzor myši.
• Pomocou JavaScriptu môžeme pridať rozbaľovací zoznam, posuvníky atď.
• Dátumový objekt pomocníka jazyka JavaScript s prácou s dátumami a časom.
• Je možné zobraziť animáciu a prevrátenie obrázkov.
• Posledný upravený dátum dokumentu je možné časovo označiť pomocou objektu Dokument.
Nevýhody JavaScriptu
• JavaScript na strane klienta neumožňuje čítanie a zápis súborov, pretože nemôžeme dovoliť usporiadanie disku pomocou náhodného skriptu.
• JavaScript nepodporuje sieťové aplikácie.
• Vlákna s viacerými úlohami nie sú podporované skriptom JavaScript.
Záver - Úvod do Javascriptu
• JavaScript je skriptovací jazyk, ktorý sa nemusí kompilovať.
• JavaScript je možné spustiť takmer vo všetkých dostupných prehliadačoch.
Odporúčané články
Toto bol sprievodca Úvodom do JavaScriptu. Tu sme diskutovali o základnom koncepte úvodu do JavaScriptu s vykonaním, charakteristikami, príkladom a výhodami JavaScriptu. Môžete sa tiež pozrieť na nasledujúce články:
- CSS vs JavaScript
- Cheat Sheet JavaScript
- TypeScript verzus JavaScript
- JavaScript vs VBScript
- Matematické funkcie JavaScriptu
- Rôzne nástroje JavaScript