Co je JavaScript a jak funguje?

JavaScript se stal základem moderního vývoje webových aplikací. Tento mocný jazyk se vyvinul v základní nástroj, kterému každý webový vývojář rozumí.

JavaScript má speciální funkce, kterými se liší od tradičních programovacích jazyků. Podíváme se na to, co to je, jak to funguje a co s tím můžete dělat. Pojďme to rozebrat.

Co je JavaScript?

JavaScript je skriptovací jazyk pro web. Je to interpretovaný jazyk, což znamená, že k překladu kódu jako C nebo C ++ nepotřebuje kompilátor. JavaScriptový kód běží přímo ve webovém prohlížeči.

Nejnovější verzí jazyka je ECMAScript 2018, který byl vydán v červnu 2018.

co dělat se starými monitory

JavaScript pracuje s HTML a CSS při vytváření webových aplikací nebo webových stránek. JavaScript je podporován většinou moderních webových prohlížečů, jako je Google Chrome, Firefox, Safari, Microsoft Edge, Opera atd. Většina mobilních prohlížečů pro Android a iPhone nyní podporuje také JavaScript.

JavaScript ovládá dynamické prvky webových stránek. Funguje ve webových prohlížečích a v poslední době také na webových serverech. Rozhraní API (Application Programming Interface) jsou také podporována JavaScriptem, což vám poskytuje více funkcí.

Pochopení všech způsobů, jak JavaScript funguje, je o něco snazší, když porozumíte fungování webového programování, pojďme se tedy dozvědět více.

Bloky webových aplikací

Existují tři komponenty, které vytvářejí webové stránky a aplikace: Hypertext Markup Language (HTML), Cascading Style Sheets (CSS) a JavaScript. Každý z nich má určitou roli při vytváření webové aplikace.

HTML je značkovací jazyk, který vytváří kostru webové stránky. Všechny odstavce, oddíly, obrázky, nadpisy a text jsou psány v HTML. Obsah se na webových stránkách zobrazuje v pořadí, v jakém jsou napsány v HTML.
CSS ovládá styl a další aspekty rozložení. CSS se používá k vytvoření designu webových stránek, které vytvářejí barvy, písma, sloupce, ohraničení atd. Web vede od prvků prostého textu po barevné návrhy.
Třetí prvek je JavaScript. HTML a CSS vytvářejí strukturu, ale nic odtamtud nedělají. JavaScript vytváří ve vaší aplikaci dynamickou aktivitu. Skriptování v JavaScriptu je to, co řídí funkce při kliknutí na tlačítka, jak se ověřují formuláře hesel a jak se ovládají média.

Všechny tři části fungují ve vzájemné harmonii a vytvářejí aplikace v plném rozsahu. Bylo by dobré se dozvědět více o HTML a CSS, pokud vám to není úplně příjemné.

Jak JavaScript funguje?

Před psaním JavaScriptu je důležité vědět, jak to funguje pod kapotou. Je třeba se dozvědět dvě důležité věci: Jak funguje webový prohlížeč a Document Object Model (DOM).

Webový prohlížeč načte webovou stránku, analyzuje HTML a z obsahu vytvoří takzvaný Document Object Model (DOM). DOM představuje živé zobrazení webové stránky pro váš kód JavaScript.

Prohlížeč poté zachytí vše, co souvisí s HTML, například obrázky a soubory CSS. Informace o CSS pocházejí z analyzátoru CSS.

HTML a CSS sestavuje DOM a nejprve vytvoří webovou stránku. Potom modul JavaScript prohlížeče načte soubory JavaScript a vložený kód, ale kód nespustí okamžitě. Čeká na dokončení načítání HTML a CSS.

Jakmile to bude hotové, JavaScript se spustí v pořadí, ve kterém je napsán kód. Výsledkem je aktualizace modelu DOM pomocí kódu JavaScript a vykreslení prohlížečem.

Pořadí zde je důležité. Pokud by JavaScript nečekal na dokončení HTML a CSS, nemohl by měnit prvky DOM.

Co mohu dělat s JavaScriptem?

JavaScript je plnohodnotný programovací jazyk, který dokáže většinu věcí běžný jazyk jako Python. Tyto zahrnují:

jak odstranit zálohy na mac

Deklarace proměnných.
Ukládání a načítání hodnot.
Definování a vyvolávání funkcí, včetně šipkové funkce .
Definování objektů a tříd JavaScriptu.
Načítání a používání externích modulů.
Psaní obslužných rutin událostí, které reagují na události kliknutí.
Psaní kódu serveru.
A mnohem víc.

Varování: Vzhledem k tomu, že JavaScript je tak mocný jazyk, je také možné psát malware, viry a hacky prohlížeče, které je způsobí uživatelům. Ty sahají od krádeže cookies prohlížeče, hesel, kreditních karet až po stahování virů do vašeho počítače.

Pomocí JavaScriptu

Podívejme se na některé základy JavaScriptu s příklady kódu.

Deklarace proměnných

JavaScript je dynamicky zadáván, což znamená, že nemusíte v kódu deklarovat typ svých proměnných.

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

Operátoři

Přidání

12 + 5  
>> 17

Odčítání

20 - 8  
>> 12

Násobení

5 * 2  
>> 10

Divize

50 / 2  
>> 25

Modul

45 % 4  
>> 1

Pole

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

Funkce

JavaScript může psát funkce, zde je jednoduchá funkce, která přidává čísla.

jak často okna automaticky ukládají registr

function addNumbers(num1,num2){  
return num1 + num2;  
}  
>> addNumbers(10,5);  
>> 15

Smyčky

JavaScript může provádět smyčky pro iteraci, smyčky jako pro smyčky a zatímco smyč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áře

// 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 webové stránce

Nejběžnějším způsobem, jak načíst JavaScript na webovou stránku, je použít skript HTML tag. V závislosti na vašich požadavcích můžete použít jednu z následujících metod.

Načtěte externí soubor JavaScript na webovou stránku následujícím způsobem: | _+_ |
Pokud je javascript z jiné domény z webové stránky, můžete zadat úplnou adresu URL takto: | _+_ |
JavaScript lze přímo vložit do HTML. Zde je | _+_ |

Jiné než tyto metody existují způsoby načítání kódu JavaScript na vyžádání. Ve skutečnosti existují rámce věnované načítání a spouštění modulů JavaScript se správnou závislostí vyřešenou za běhu.

To jsou pokročilejší témata, právě teď se učíte základy.

Ukázkové fragmenty kódu JavaScript

Zde je několik jednoduchých ukázek kódu JavaScript, které ilustrují, jak se používá na webových stránkách. Toto jsou příklady kódu, který pracuje s DOM.

Následující vybere vše tučně prvky v dokumentu a nastaví barvu prvního na červenou. | _+_ |
Chcete změnit obrázek v souboru obr štítek? Následující přidružuje obslužnou rutinu události pro klikněte událost tlačítka. | _+_ |
Aktualizujte textový obsah odstavce ( p ) prvek? Nastav vnitřní HTML vlastnost prvku podle obrázku: | _+_ |

Tyto ukázky kódu nabízejí jen letmý pohled na to, co můžete pomocí JavaScriptu na své webové stránce dělat. Existuje spousta návodů, které vás mohou naučit kódovat, abyste mohli začít. Můžete si to vyzkoušet na jakékoli webové stránce, dokonce i na této! Otevřete konzolu a vyzkoušejte kód JavaScript.

Nyní víte, co JavaScript dělá

Naštěstí tento úvod přinesl nějaké pohledy do JavaScriptu a nadchl vás pro webové programování. Můžete to celé zrekapitulovat náš šikovný cheat pro JavaScript . O JavaScriptu se toho můžete dozvědět mnohem více. Až se budete cítit pohodlněji, proč nezkusit naučit se používat objektový model dokumentu? Také by vás mohlo zajímat učení o strojopisu.

Podíl Podíl tweet E-mailem Jak vyčistit počítač se systémem Windows pomocí příkazového řádku

Pokud má váš počítač se systémem Windows nedostatek úložného prostoru, vyčistěte nevyžádanou poštu pomocí těchto rychlých nástrojů příkazového řádku.

Číst dále Související témata

Technologie vysvětlena
Programování
Vývoj webu
JavaScript
Skriptování

O autorovi Anthony Grant(40 článků zveřejněno)

Anthony Grant je autor na volné noze pokrývající programování a software. Je počítačovým vědcem, který se zabývá programováním, Excelem, softwarem a technologiemi.

Více od Anthonyho Granta

Přihlaste se k odběru našeho zpravodaje

Připojte se k našemu zpravodaji a získejte technické tipy, recenze, bezplatné elektronické knihy a exkluzivní nabídky!

Kliknutím sem se přihlásíte k odběru