Čo je to JavaScript a ako funguje?

Čo je to JavaScript a ako funguje?

JavaScript sa stal základom moderného vývoja webových aplikácií. Tento silný jazyk sa vyvinul v základný nástroj, ktorému každý webový vývojár porozumie.





JavaScript má špeciálne funkcie, ktorými sa líši od tradičných programovacích jazykov. Budeme kopať, čo to je, ako to funguje a čo s tým môžete robiť. Poďme to rozobrať.



Čo je to JavaScript?

JavaScript je skriptovací jazyk pre web. Je to interpretovaný jazyk, čo znamená, že nepotrebuje prekladač na preklad svojho kódu ako C alebo C ++. JavaScript kód beží priamo vo webovom prehliadači.





Najnovšia verzia jazyka je ECMAScript 2018, ktorá bola vydaná v júni 2018.

hranie hier gamecube na wii u

JavaScript spolupracuje s HTML a CSS na vytváraní webových aplikácií alebo webových stránok. JavaScript je podporovaný väčšinou moderných webových prehliadačov ako Google Chrome, Firefox, Safari, Microsoft Edge, Opera atď. Väčšina mobilných prehliadačov pre Android a iPhone teraz podporuje aj JavaScript.



JavaScript ovláda dynamické prvky webových stránok. Funguje vo webových prehliadačoch a v poslednej dobe aj na webových serveroch. Rozhrania API (Application Programming Interface) sú podporované aj jazykom JavaScript, čo vám poskytuje ďalšie funkcie.

Pochopenie všetkých spôsobov fungovania JavaScriptu je o niečo jednoduchšie, ak porozumiete fungovaniu webového programovania, a tak sa naučíme viac.



Bloky webových aplikácií

Existujú tri komponenty, ktoré stavajú webové stránky a aplikácie: Hypertext Markup Language (HTML), Cascading Style Sheets (CSS) a JavaScript. Každý z nich má svoju úlohu pri vytváraní webovej aplikácie.

  • HTML je značkovací jazyk, ktorý vytvára kostru webovej stránky. Všetky odseky, sekcie, obrázky, nadpisy a text sú napísané v HTML. Obsah sa na webových stránkach zobrazuje v poradí, v akom sú napísané v HTML.
  • CSS ovláda štýl a ďalšie aspekty rozloženia. CSS sa používa na vytvorenie dizajnu webovej stránky vytvorením farieb, písiem, stĺpcov, okrajov atď. Webová stránka prechádza od prvkov obyčajného textu po farebné prevedenie.
  • Tretí prvok je JavaScript. HTML a CSS vytvárajú štruktúru, ale nič odtiaľ nerobia. JavaScript vytvára vo vašej aplikácii dynamickú aktivitu. Skriptovanie v jazyku JavaScript je to, čo riadi funkcie pri kliknutí na tlačidlá, ako sa autentifikujú formuláre hesiel a ako sa ovládajú médiá.

Všetky tri časti navzájom spolupracujú a vytvárajú aplikácie v plnom rozsahu. Bolo by dobré dozvedieť sa viac o HTML a CSS, ak vám to nie je celkom príjemné.



Ako funguje JavaScript?

Pred napísaním JavaScriptu je dôležité vedieť, ako to funguje pod kapotou. Existujú dve dôležité časti, o ktorých sa musíte dozvedieť: Ako funguje webový prehliadač a Document Object Model (DOM).

Webový prehliadač načíta webovú stránku, analyzuje HTML a z obsahu vytvorí takzvaný Document Object Model (DOM). DOM predstavuje živý náhľad webovej stránky na váš kód JavaScript.

Prehliadač potom zachytí všetko, čo je prepojené s HTML, napríklad obrázky a súbory CSS. Informácie o CSS pochádzajú z analyzátora CSS.

HTML a CSS zostavuje DOM, aby najskôr vytvorili webovú stránku. Potom modul JavaScript prehliadača načíta súbory JavaScript a vložený kód, ale kód nespustí okamžite. Čaká na dokončenie načítania HTML a CSS.

Akonáhle je to hotové, JavaScript sa spustí v poradí, v akom je napísaný kód. Výsledkom je aktualizácia modelu DOM kódom JavaScript a vykreslenie prehliadačom.

Poradie tu je dôležité. Ak by JavaScript nečakal na dokončenie HTML a CSS, nebol by schopný zmeniť prvky DOM.

Čo môžem robiť s JavaScriptom?

JavaScript je plnohodnotný programovací jazyk, ktorý dokáže vykonávať väčšinu činností bežného jazyka, akým je napríklad Python. Tie obsahujú:

ako pripojiť ovládač xbox 360 k počítaču mac
  • Deklarácia premenných.
  • Ukladanie a získavanie hodnôt.
  • Definovanie a vyvolávanie funkcií vrátane šípkové funkcie .
  • Definovanie objektov a tried JavaScriptu.
  • Načítavanie a používanie externých modulov.
  • Písanie obsluh udalostí, ktoré reagujú na udalosti kliknutia.
  • Písanie kódu servera.
  • A oveľa viac.

Pozor: Pretože je JavaScript taký silný jazyk, je možné písať aj škodlivý softvér, vírusy a hacky prehliadača, aby ich spôsobili používateľom. Siahajú od krádeže súborov cookie prehliadača, hesiel, kreditných kariet až po sťahovanie vírusov do vášho počítača.

Pomocou JavaScriptu

Pozrime sa na niektoré základy JavaScriptu s príkladmi kódu.

Deklarácia premenných

JavaScript je dynamicky písaný, čo znamená, že nemusíte vo svojom kóde deklarovať typ svojich premenných.

let num = 5;
let myString = 'Hello';
var interestRate = 0.25;

Operátori

Dodatok

12 + 5
>> 17

Odčítanie

20 - 8
>> 12

Násobenie

5 * 2
>> 10

Divízia

50 / 2
>> 25

Modul

45 % 4
>> 1

Polia

let myArray = [1,2,4,5];
let stringArray = ['hello','world'];

Funkcie

JavaScript môže písať funkcie. Tu je jednoduchá funkcia, ktorá pridáva čísla.

ako vytvoriť z videa pozadie
function addNumbers(num1,num2){
return num1 + num2;
}
>> addNumbers(10,5);
>> 15

Slučky

JavaScript môže vykonávať slučky na iteráciu, napríklad slučky pre slučky a zatiaľ čo slučky.

for(let i = 0; i <3; i++){
console.log('echo!');
}
>> echo!
>> echo!
>> echo!
let i = 0;
while(i <3) {
console.log('echo!');
i++;
}
>> echo!
>> echo!
>> echo!

Komentáre

// Writing a comment
/*Writing a multi-line comment
You can use as many lines as you like
to break up text and make comments more readable
*/

Na webovej stránke

Najbežnejším spôsobom, ako načítať JavaScript na webovú stránku, je použiť skript HTML tag. V závislosti od vašich požiadaviek môžete použiť jednu z nasledujúcich metód.

  • Načítajte externý súbor JavaScript na webovú stránku nasledovne: | _+_ |
  • Ak javascript pochádza z inej domény ako webová stránka, môžete zadať úplnú adresu URL takto: | _+_ |
  • JavaScript je možné priamo vložiť do HTML. Tu je | _+_ |

Okrem týchto spôsobov existujú aj spôsoby načítania kódu JavaScript na požiadanie. V skutočnosti existujú rámce určené na načítanie a spúšťanie modulov JavaScript s riadnymi závislosťami vyriešenými za behu.

To sú pokročilejšie témy, práve sa učíte základy.

Ukážky útržkov kódu JavaScript

Tu je niekoľko jednoduchých ukážok kódu JavaScript, ktoré ilustrujú, ako sa používa na webových stránkach. Toto sú príklady kódu, ktorý funguje s DOM.

  • Nasledujúci vyberie všetky odvážny prvkov v dokumente a nastaví farbu prvého na červenú. | _+_ |
  • Chcete zmeniť obrázok v obr označiť? Nasledujúci text obsahuje popisovač udalostí pre súbor kliknite udalosť tlačidla. | _+_ |
  • Aktualizujte textový obsah odseku ( p ) element? Nastaviť vnútorné HTML vlastnosť prvku, ako je znázornené: | _+_ |

Tieto ukážky kódu ponúkajú iba letmý pohľad na to, čo môžete pomocou JavaScriptu na svojej webovej stránke robiť. Existuje množstvo návodov, ktoré vás môžu naučiť kódovať, aby ste mohli začať. Môžete si to vyskúšať na akejkoľvek webovej stránke, dokonca aj na tejto! Otvorte konzolu a vyskúšajte kód JavaScript.

Teraz viete, čo JavaScript používa

Našťastie tento úvod priniesol niekoľko pohľadov do JavaScriptu a nadchne vás pre webové programovanie. Môžete si to celé zrekapitulovať náš šikovný cheat pre JavaScript . O jazyku JavaScript sa môžete dozvedieť oveľa viac. Keď sa už budete cítiť pohodlnejšie, prečo neskúsiť naučiť sa používať objektový model dokumentu? Tiež by vás mohlo zaujímať zoznámenie sa s TypeScript.

zdieľam zdieľam Tweet E -mail Ako vyčistiť počítač so systémom Windows pomocou príkazového riadka

Ak má váš počítač so systémom Windows nedostatok úložného priestoru, odstráňte nepotrebné informácie pomocou týchto rýchlych nástrojov príkazového riadka.

Čítajte ďalej Súvisiace témy
  • Technológia vysvetlená
  • Programovanie
  • Vývoj webových aplikácií
  • JavaScript
  • Skriptovanie
O autorovi Anthony Grant(40 publikovaných článkov)

Anthony Grant je nezávislý autor, ktorý sa zaoberá programovaním a softvérom. Je odborníkom v oblasti informatiky, ktorý sa zaoberá programovaním, programom Excel, softvérom a technológiou.

Viac od Anthonyho Granta

prihlásiť sa ku odberu noviniek

Pripojte sa k nášmu bulletinu a získajte technické tipy, recenzie, bezplatné elektronické knihy a exkluzívne ponuky!

Kliknutím sem sa prihlásite na odber