JavaScript program je postupnosť inštrukcií (príkazov). Niekedy sa pokyny nazývajú aj príkazy JavaScript.

Aby sa program mohol spustiť, musí byť spustený. Ak je program klientskym skriptom, prehliadač ho automaticky spustí, ale iba ak je, samozrejme, prítomný v kóde stránky. Prehliadač spustí program, zvyčajne počas načítavania webovej stránky.

Pri písaní pokynov musia byť oddelené bodkočiarkou. JavaScript vám umožňuje vynechať bodkočiarku na konci príkazu if ďalší pokyn začne s Nový riadok.

Ukončenie príkazov bodkočiarkou v JavaScripte sa nevyžaduje, ak sa nasledujúci príkaz bude písať na nový riadok, ale dôrazne sa odporúča. Je tiež vhodné umiestniť každú inštrukciu na samostatný riadok.

Pokyny JavaScript pozostávajú z: hodnôt, operátorov, výrazov, kľúčových slov a komentárov.

Táto inštrukcia napríklad hovorí prehliadaču, aby napísal "Ahoj, svet!" vnútri HTML prvok s id="main":

Document.getElementById("main").textContent = "Ahoj, svet!";

Význam JavaScriptu

Syntax JavaScript definuje nasledujúce typy hodnôt: pevné hodnoty (literály), konštantné hodnoty a premenné hodnoty.

Príklady literálov reprezentujúcich rôzne hodnoty v JavaScripte:

17 // celočíselný literál 23,8 // zlomkový číselný literál "HTML" // reťazcový literál "HTML" // reťazcový literál true // booleovský literál // literál poľa // literál poľa () // objektový literál ( názov: "Dennis " , jazyk: "ru" ) // objektový literál (ab|bc) // literál regulárneho výrazu

V programovacích jazykoch sa na ukladanie údajových hodnôt používajú konštanty a premenné.

Používa sa na deklarovanie konštánt kľúčové slovo const, variables – var a let.

Const MAX_LENGTH = 17; // konštantná var sekcia = "HTML"; // premenná let arr = ["HTML","CSS"]; // premenná

let je nový spôsob deklarovania premenných, ktorý sa objavil od verzie ES-2015 (ES6). Let sa líši od var v tom, že premenná deklarovaná pomocou let má iný rozsah (rozsah bloku) a tiež v tom, že k nej možno pristupovať až po jej vytvorení.

Operátori JavaScriptu

V JavaScripte existuje veľa rôznych operátorov. Označujú operáciu, ktorú je potrebné vykonať.

Podľa počtu operandov, s ktorými operátor operuje, sa delia na binárne a unárne. JavaScript má ale aj podmienený operátor, ktorý pozostáva z 3 operandov. Tento operátor sa nazýva ternárny.

Napríklad operátor priradenia (= znamienko):

// operand1 = operand2; coorX = 100; // napríklad priraďte číslo 100 premennej coordX

Tento operátor sa používa na priradenie (nastavenie) operandu1 rovnakej hodnote ako operand2 .

Operátor priradenia je binárny, pretože funguje na dvoch operandoch.

Na zvýšenie sa používa napríklad operátor prírastku (znamienko ++). číselná hodnota operand na 1:

Var num = 5; ++num; // 6

Operátor prírastku je unárny, pretože funguje na jednom operande.

JavaScript výrazy

Výraz je kombináciou hodnôt, premenných a operátorov, ktoré buď priraďujú hodnotu premennej, alebo vracajú hodnotu bez jej priradenia.

Napríklad výraz num = 955,47 používa operátor = na priradenie hodnoty 7 k premennej num.

Napríklad výraz „Ahoj, “ + „Timofey“ používa operátor + na pridanie reťazcov „Ahoj“ a „Timofey“ bez priradenia.

Kľúčové slová JavaScriptu

Pokyny JavaScript často začínajú kľúčovým slovom. Toto (kľúčové slovo) je určené na určenie toho, akú akciu JavaScriptu je potrebné vykonať.

Napríklad kľúčové slovo var povie prehliadaču, aby vytvoril premenné:

Var coordX = 5, coordY = 130;

Zoznam niektorých kľúčových slov: break, continue, do ... while, for, function, if ... else, return, switch, try ... catch, var.

Komentáre v JavaScripte

Nie všetky príkazy JavaScript sú spustiteľné.

Kód za dvojitými lomkami // alebo medzi /* a */ sa považuje za komentár.

Komentáre sú ignorované a nevykonávajú sa:

Smer var = "hore"; // jednoriadkový komentár // var speed = 10; táto inštrukcia sa nevykoná /* Funkcia, ktorá pridá triedu show k prvku s id="myBtn" */ function showBtn() ( document.getElementById("myBtn").classList.add("show"); )

// - je jednoriadkový komentár, t.j. akýkoľvek text medzi // a koncom riadku bude JavaScript ignorovať (nebude vykonaný).

/* */ je viacriadkový komentár, akýkoľvek text medzi /* a */ bude JavaScriptom ignorovaný.

Blok inštrukcií JavaScriptu

Pokyny JavaScript môžu byť zoskupené pomocou bloku (zložené zátvorky (...)).

Zvyčajne sa používa vo funkciách, riadiacich štruktúrach (for, while) atď.

Funkcia myFunction() ( document.getElementById("id__1").textContent = "Text 1..."; document.getElementById("id__2").textContent = "Text 2..."; )

Rozlišovanie malých a veľkých písmen

JavaScript je jazyk, v ktorom sa rozlišujú malé a veľké písmená. To znamená, že kľúčové slová, premenné, názvy funkcií a iné jazykové identifikátory musia obsahovať rovnakú sadu veľkých a malých písmen. Napríklad spôsob upozornenia by sa mal zadať iba ako upozornenie , a nie upozornenie , ALERT atď.

Medzery v JavaScripte

JavaScript ignoruje viacero medzier. Do skriptu môžete pridať medzery, aby bol čitateľnejší.

Nasledujúce riadky sú ekvivalentné:

Var str = "Text"; var str="Text";

Dĺžka riadku kódu

Ak je inštrukcia JavaScriptu dlhá, je vhodné ju prerušiť. Vo väčšine prípadov je lepšie porušiť pokyn po nejakom operátorovi.

Napríklad:

Document.getElementById("aside__nav_header").innerHTML = "Dodatočná navigácia (podľa sekcie)";

• názov pozostávajúci z jedného slova by mal byť napísaný malými písmenami (napríklad: článok);
• meno pozostávajúce z niekoľkých slov by sa malo písať spolu malými písmenami, okrem písmen na spojnici slov by sa mali písať veľkými písmenami (napríklad: článokTitul);
• počet slov v názve by nemal presiahnuť 3 (napríklad: articleDatePublishedon)
• premenné (nie na ukladanie funkcií) a vlastnosti objektu musia byť podstatné mená (napríklad: textKomentár);
• polia a kolekcie hodnôt by mali byť špecifikované podstatnými menami v množné číslo(napríklad: lastComments);
• funkcie a metódy objektov musia byť pomenované slovesami (napríklad: getLastArticles);
• názvy tried musia začínať veľkým písmenom (napríklad: Komentáre).

JavaScript je možné implementovať pomocou Operátory JavaScript, ktoré sú umiestnené v HTML tagy skript ... /script na webovej stránke.

Značky skriptu obsahujúce váš JavaScript môžete umiestniť kamkoľvek na svoju webovú stránku, ale vo všeobecnosti sa odporúča ukladať ho do značiek head.

Značka skriptu upozorní program prehliadača, aby začal interpretovať všetok text medzi týmito značkami ako skript. Jednoduchá syntax pre váš JavaScript by vyzerala takto.

JavaScript kód

Značka skriptu obsahuje dva dôležité atribúty -

• Jazyk – tento atribút označuje, aký skriptovací jazyk používate. Jeho hodnota bude zvyčajne javascript. Hoci nedávne verzie HTML (a XHTML, jeho nástupca) tento atribút prestali používať.
• Typ. Tento atribút sa teraz odporúča na označenie použitého skriptovacieho jazyka a jeho hodnota by mala byť nastavená na "text/javascript".

Váš segment JavaScript by teda vyzeral takto:

JavaScript kód

Váš prvý skript JavaScript

Vezmime si príklad výtlačku „Ahoj svet“. Pridali sme dodatočný komentár HTML, ktorý obklopuje náš kód JavaScript. Toto slúži na uloženie nášho kódu z prehliadača, ktorý nepodporuje JavaScript. Komentár končí "// ->". Tu „//“ znamená komentár v JavaScripte, takže ho pridávame, aby sme zabránili prehliadaču prečítať koniec komentára HTML ako súčasť kódu JavaScript. Potom zavoláme funkciu document.write, ktorá zapíše reťazec do nášho HTML dokumentu.

Túto funkciu možno použiť na písanie textu, HTML alebo oboch. Pozrite sa na nasledujúci kód.

Tento kód poskytne nasledujúci výsledok:

Ahoj svet!

Medzery a zlomy riadkov

JavaScript ignoruje medzery, tabulátory a nové riadky, ktoré sa objavujú v programoch JavaScript. Vo svojom programe môžete voľne používať medzery, tabulátory a nové riadky a svoje programy môžete formátovať a odsadzovať úhľadným a konzistentným spôsobom, vďaka čomu bude váš kód ľahko čitateľný a zrozumiteľný.

Bodkočiarky v JavaScripte

IN jednoduché pokyny v JavaScripte za ním zvyčajne nasleduje bodkočiarka, ako v C, C++ a Java. JavaScript vám však umožňuje preskočiť túto bodkočiarku, ak umiestnite každý zo svojich výrokov na samostatný riadok. Napríklad nasledujúci kód možno napísať bez bodkočiarky.

Ale pri formátovaní v jednom riadku, ako je tento, musíte použiť bodkočiarku -

Poznámka. Dobre cvicenie programovanie je používať bodkočiarky.

Rozlišovanie malých a veľkých písmen

JavaScript je jazyk, v ktorom sa rozlišujú malé a veľké písmená. To znamená, že kľúčové slová, premenné, názvy funkcií a akékoľvek iné identifikátory musia byť vždy zadané s konzistentným veľkým písmenom.

Takže identifikátory Time a TIME budú mať JavaScript rôzne významy.

POZNÁMKA. Pri písaní názvov premenných a funkcií v JavaScripte by ste mali byť opatrní.

Keď sa človek učí písať, musí sa naučiť základy pravopisu, gramatiky a pravopisu. Každý napríklad vie, že veta začína na veľké písmeno a končí bodkou, text sa člení na odseky atď.

Programovacie jazyky fungujú podobným spôsobom: aby program fungoval, musia sa dodržiavať určité pravidlá. Súbor pravidiel, ktoré definujú štruktúru programovacích jazykov, sa nazýva syntax. Mnohé programovacie jazyky sú postavené na rovnakých konceptoch, ale používajú inú syntax.

Tento tutoriál vám predstaví základy syntaxe a štruktúrovania kódu v JavaScripte.

Funkčnosť a čitateľnosť

Funkčnosť a čitateľnosť sú veľmi dôležité aspekty syntaxe JavaScriptu, na ktoré je potrebné sa zamerať samostatne.

Niektoré pravidlá syntaxe sú povinné pre kód JavaScript. Ak nie sú splnené, konzola vyhodí chybu a skript sa zastaví.

Zvážte túto chybu v programe „Ahoj, svet!“.

// Príklad nefunkčného programu JavaScript
console.log("Ahoj, svet!"

Na konci chýba uzatváracia zátvorka, takže namiesto riadku „Ahoj, svet!“ program vráti chybu:

Uncaught SyntaxError: missing) po zozname argumentov

Ak chcete, aby skript pokračoval v behu, musíte pridať zátvorku. Takto môže chyba v syntaxi JavaScript ovplyvniť fungovanie programu.

Niektoré aspekty syntaxe a formátovania JavaScriptu pochádzajú z rôznych perspektív. Jednoducho povedané, existujú štylistické pravidlá a variácie, ktoré sú voliteľné a nespôsobujú chyby pri spúšťaní kódu. Existuje však aj mnoho všeobecných konvencií, ktoré je rozumné sledovať, aby vývojári projektov a kódu poznali aktualizácie štýlu a syntaxe. Dodržiavanie bežných konvencií zlepší čitateľnosť vášho kódu.

Zvážte nasledujúce tri možnosti priradenia hodnoty premennej:

const greeting="Ahoj"; // žiadne medzery medzi premennou a reťazcom
const pozdrav = "Dobrý deň"; //nadmerné medzery po priradení
const pozdrav = "Dobrý deň"; // jeden prázdny znak medzi premennou a reťazcom

Všetky tri vyššie uvedené riadky budú fungovať rovnako. Ale tretia možnosť (pozdrav = "Dobrý deň") je zďaleka najbežnejšie používaný a čitateľný spôsob písania kódu, najmä ak sa naň pozeráte v kontexte väčšieho programu.

Je veľmi dôležité monitorovať integritu a konzistenciu celého programového kódu.

Nižšie sa pozrieme na niekoľko príkladov, aby sme sa oboznámili so syntaxou a štruktúrou kódu JavaScript.

Medzery

Medzi znaky JavaScriptu patria medzery, tabulátory a posuny riadkov (táto akcia sa vykonáva klávesom Enter). Ako bolo uvedené vyššie, prekladač JavaScriptu ignoruje prebytočné biele miesta mimo riadku, biele miesta medzi operátormi a iné znaky. To znamená, že nasledujúce tri príklady priradenia premenných budú mať rovnaký výsledok:

const userLocation = "Mesto New York, " + "NY";
const userLocation="Mesto New York, "+"NY";
const userLocation = "Mesto New York, " + "NY";

Premenná userLocation bude mať hodnotu „New York City, NY“ bez ohľadu na štýl priradenia pre túto hodnotu. V prípade JavaScriptu nezáleží na tom, ktorý medzery sa používajú.

Pri písaní programov existuje jedno osvedčené pravidlo: keď používate medzery, riaďte sa rovnakými pravidlami, aké používate v matematike alebo gramatike. Napríklad riadok:

ľahšie čitateľné ako:

Dôležitou výnimkou z tohto pravidla je priradenie viacerých premenných. Všimnite si pozíciu = v nasledujúcom príklade:

const companyName = "Moja spoločnosť";
Const CompanyHeadquarters = "New York City";
const companyHandle = "moja spoločnosť";

Všetky operátory priradenia (=) sú zarovnané na jeden riadok pomocou medzier. Tento typ štruktúry nepoužívajú všetky kódové bázy, ale môže zlepšiť čitateľnosť.

Ďalšie zalomenia riadkov sa v JavaScripte tiež ignorujú. Spravidla dodatočné prázdne riadky sa vkladajú nad komentár a za blok kódu.

Okrúhle zátvorky

Kľúčové slová ako if, switch a for majú zvyčajne medzery pred a za zátvorkami. Zvážte nasledujúci príklad:

// Príklad syntaxe príkazu if
ak () ( )
// Skontrolujte matematickú rovnicu a vytlačte reťazec do konzoly
ak (4< 5) {
console.log("4 je menej ako 5.");
}
// Príklad syntaxe cyklu for
pre () ( )
// Opakujte 10-krát a vytlačte každé číslo iterácie do konzoly
pre (nech i = 0; i 0) (
štvorec (číslo);
}

Buďte opatrní, pretože nie každý kód v zložených zátvorkách nevyžaduje bodkočiarku. Objekty sú vložené do zložených zátvoriek a musia byť ukončené bodkočiarkou.

// Príklad objektu
const objectName = ();
// Inicializácia trojuholníkového objektu
konštantný trojuholník = (
typ: "pravý",
uhol: 90,
strany: 3,
};

Je bežnou praxou umiestňovať bodkočiarku za každý príkaz a výraz JavaScript okrem tých, ktoré končia zloženými zátvorkami.

Štruktúrovanie kódu

Technicky možno všetok kód v programe JavaScript umiestniť na jeden riadok. Ale takýto kód je veľmi náročný na čítanie a údržbu. Preto je program rozdelený do riadkov.

Napríklad príkaz if/else môže byť napísaný v jednom riadku alebo môže byť rozdelený:

// Podmienený príkaz napísaný na jednom riadku
if (x === 1) ( /* spustiť kód, ak je pravda */ ) else ( /* spustiť kód, ak je nepravda */ )
// Podmienený príkaz s odsadením
if (x === 1) (
// spustiť kód, ak je pravda
) inak (
// spustiť kód, ak je nepravda
}

Poznámka: každý kód v bloku je odsadený. Môžete odsadiť pomocou dvoch medzier, štyroch medzier alebo tabulátorov. Výber spôsobu odsadenia závisí výlučne od osobných preferencií alebo odporúčaní vašej organizácie.

Otvorená zátvorka na konci prvého riadku je bežný spôsob štruktúrovania príkazov a objektov JavaScriptu. Niekedy sú zátvorky umiestnené na samostatných riadkoch:

// Podmienený príkaz so zátvorkami na nových riadkoch
if (x === 1)
{
// spustiť kód, ak je pravda
}
inak
{
// spustiť kód, ak je nepravda
}

Táto štruktúra sa v JavaScripte používa zriedka, ako v iných jazykoch.

Vnorené príkazy musia byť oddelené:

// Inicializácia funkcie
funkcia jeEqualToOne(x) (
// Skontrolujte, či sa x rovná jednej
if (x === 1) (
// pri úspechu vráti true
vrátiť true;
) inak (
vrátiť nepravdu;
}
}

Správne odsadenie robí kód čitateľným. Jedinou výnimkou z tohto pravidla, ktorú treba mať na pamäti, je, že komprimované knižnice odstraňujú všetky nepotrebné symboly, aby sa zmenšila veľkosť súboru.

Identifikátory

Názvy premenných, funkcií alebo vlastností v JavaScripte sa nazývajú identifikátory. Identifikátory pozostávajú z písmen a číslic, ale nemôžu obsahovať znaky okrem $ a _ a nemôžu začínať číslom.

Rozlišovanie malých a veľkých písmen

V menách sa rozlišujú malé a veľké písmená. To znamená, že myVariable a myvariable sa budú považovať za dve rôzne premenné.

var mojaPremenna = 1;
var myvariable = 2;

Podľa všeobecnej konvencie sa mená píšu s veľkými písmenami: prvé slovo sa píše malým písmenom, ale každé nasledujúce slovo začína veľkým písmenom. Globálne premenné alebo konštanty sa píšu veľkými písmenami a sú oddelené podčiarkovníkom.

const INSURANCE_RATE = 0,4;

Výnimkou z tohto pravidla sú názvy tried, kde každé slovo zvyčajne začína veľkým písmenom (PascalCase).

// Inicializácia triedy
trieda PríkladClass (
konstruktor()
}

Aby ste zabezpečili čitateľnosť kódu, musíte konzistentne používať identifikátory vo všetkých programových súboroch.

Rezervované kľúčové slová

Identifikátory tiež nesmú obsahovať žiadne vyhradené kľúčové slová. Kľúčové slová sú slová JavaScriptu, ktoré majú zabudovanú funkciu. Patria sem var, if, for a this.

Nemôžete napríklad priradiť hodnotu premennej s názvom var.

var var = "Niektorá hodnota";

JavaScript pozná kľúčové slovo var, takže vyvolá chybu:

SyntaxError: Neočakávaný token (1:4)