Programovanie

Pochopenie a používanie príkazov v jazyku JavaScript

Príkazy sa v JavaScripte používajú na riadenie toku jeho programu. Na rozdiel od vlastností, metód a udalostí, ktoré sú zásadne viazané na objekt, ktorý ich vlastní, sú príkazy navrhnuté tak, aby fungovali nezávisle od ľubovoľného objektu JavaScriptu. To znamená, že môžete použiť vyhlásenie, či už pracujete s objektom dokumentu, objektom okna, objektom histórie alebo iným objektom. Ako jazyk podporuje JavaScript pomerne málo výrokov - čo je dosť na to, aby ste sa s nimi vyrovnali. Ponúka však nevyhnutné minimum vyhlásení, ktoré sú potrebné na vytvorenie plne funkčnej aplikácie.

JavaScript v súčasnosti podporuje nasledujúcich jedenásť vyhlásení. Upozorňujeme, že niektoré z nich - napríklad komentár, var a nové - nie sú výrokmi v dobrej viere, ale často sa s nimi zaobchádza ako s takým. Do tejto diskusie sú zahrnuté pre úplnosť.

  • // komentár
  • prestávka
  • ďalej
  • pre
  • pre ... v
  • funkcia
  • keby ... inak
  • Nový
  • návrat
  • var
  • zatiaľ čo
  • s

Niektoré výroky ponúkané v Jave chýbajú predovšetkým v JavaScripte. Zahŕňa to príkaz switch, ako aj všetky formy príkazov na zachytávanie chýb (napríklad chyť a hod). JavaScript uchováva tieto výroky ako vyhradené slová a možno v budúcej verzii budú implementované.

Komentár (//)

Znaky // informujú JavaScript, že chcete do svojho programu zahrnúť vysvetľujúce komentáre. Komentár končí prvým tvrdým návratom, ktorý sa vyskytne. JavaScript nestanovuje nijaké obmedzenie dĺžky komentára, pokiaľ nedôjde k tvrdému návratu pred skončením komentára. JavaScript predpokladá, že text bude po platnom návrate platný kód.

// Toto je jednoduchý komentár

// Toto je ďalší komentár, ktorý zahŕňa viac ako jeden riadok. Aj keď sa komentár zalamuje do druhého riadku, prvý riadok končí „mäkkým návratom“ v programe na úpravu textu. Nie je vložený žiadny tvrdý návratový znak.

Znaky // komentára môžete umiestniť kdekoľvek na riadok. JavaScript bude považovať všetok text v tomto riadku za // za komentár.

MyVariable = "Toto je test" // priradí textovú premennú MyVariable 

Pri prehrávaní skriptu sú komentáre ignorované, takže nemajú výrazný vplyv na rýchlosť vykonania. Veľa komentárov však zväčšuje veľkosť súborov skriptov a ich stiahnutie do počítača používateľa cez telefonické pripojenie na internet trvá dlhšie. Najlepšie výsledky dosiahnete, ak komentáre v programoch JavaScript obmedzíte na krátke jednotlivé riadky.

Pri písaní dlhých komentárov je lepšie použiť alternatívne komentujúce znaky / * a * /. Text medzi týmito znakmi sa považuje za komentár. Alternatívne môžete každý riadok začínať znakmi // komentár.

// Táto časť skontroluje, či je stlačená klávesa Enter, // potom pokračuje ďalej 

alebo

/ * Táto časť kontroluje, či je stlačené tlačidlo Enter, a potom pokračuje ďalej * / 

Späť na index

Prestávka

Príkaz break povie JavaScriptu, aby ukončil „riadenú štruktúru“ a obnovil vykonávanie v bode za štruktúrou. Príkaz break sa používa so štruktúrami vytvorenými pomocou nasledujúcich príkazov:

  • pre
  • pre ... v
  • zatiaľ čo

Príkaz break sa najčastejšie používa na predčasné ukončenie cyklu for. Napríklad:

for (Count = 1; Count <= 10; Count ++) {if (Count == 6) break; document.write ("

Smyčka: „+ počet +“

"); }

Tento príklad ukazuje cyklus for, ktorý počíta od 1 do 10 a vytlačí číslo pri každej iterácii cyklu. Príkaz if vo vnútri cyklu for sa používa na testovanie, či je hodnota v premennej Count rovná 6. Ak je Count rovná 6, vykoná sa príkaz break a skript ukončí cyklus for. Ako sa používa v tomto jednoduchom príklade, skript bude počítať od 1 do 6, potom sa zastaví. Opúšťa slučku for skôr, ako môže počítať až 10.

Späť na index

ďalej

Príkaz continue informuje JavaScript, aby preskočil všetky pokyny, ktoré môžu nasledovať v cykle for, for ... in alebo while, a pokračoval v ďalšej iterácii. Najbežnejšie použitie príkazu continue je podmienené preskočenie pokynov v cykle, ale nie ukončenie cyklu (ako to robí príkaz break). Napríklad:

for (Count = 1; Count <= 10; Count ++) {if (Count == 6) continue; document.write ("

Smyčka: „+ počet +“

"); }

Vyššie uvedený príklad ukazuje cyklus for, ktorý počíta od 1 do 10 a vytlačí číslo pri každej iterácii cyklu. Príkaz if vo vnútri cyklu for sa používa na testovanie, či je hodnota v premennej Count rovná 6. Ak je Count rovný 6, vykoná sa príkaz continue a skript preskočí inštrukciu document.write na ďalšom riadku. Slučka sa ale nekončí. Namiesto toho pokračuje a vytlačí riadky pre zvyšné čísla. Ako sa používa v tomto jednoduchom príklade, skript bude počítať od 1 do 5, preskočí 6, potom vytlačí 7 až 10.

Späť na index

Pre

Príkaz for opakuje blok pokynov jeden alebo viackrát. Počet iterácií je riadený hodnotami poskytnutými ako argumenty. Syntax príkazu for je:

pre (InitVal; Test; Prírastok) 
  • InitVal je začiatočná hodnota slučky for. Často je to 0 alebo 1, ale môže to byť akékoľvek číslo. InitVal je výraz, ktorý určuje počiatočnú hodnotu a priraďuje túto hodnotu k premennej. Napríklad Count = 0 alebo i = 1.

  • Test je výraz používaný príkazom for na riadenie počtu iterácií slučky. Pokiaľ Test výraz je pravdivý, slučka pokračuje. Keď Test výraz sa ukáže ako nepravdivý, slučka končí. Príklad: Počet <10 je pravdivý, pokiaľ je hodnota v premennej Počet menej ako 10.

  • Prírastok označuje, ako chcete, aby sa slučka for počítala - jednotkami, dvojkami, piatimi, desiatkami a podobne. Toto je tiež výraz a zvyčajne má formu CountVar ++, kde CountVar je názov premennej, ktorá bola najskôr priradená k súboru InitVal výraz. Príklad: Count ++ zvyšuje hodnotu premennej Count o jednu pre každú iteráciu.
Všimnite si, že na rozdiel od všetkých ostatných konštrukcií v JavaScripte, príkaz for používa na oddelenie svojich argumentov bodkočiarky, nie čiarky. Je to v súlade so syntaxou používanou v jazykoch C, C ++ a Java.

Tu je príklad slučky for, ktorá počíta od 1 do 10 a krokuje po jednej číslici. Pri každej iterácii skript vloží nejaký text a začne nový riadok. JavaScript, ktorý chcete opakovať, je uzavretý v {a} znakoch nasledujúcich za príkazom for; toto tvorí blok príkazov for. V znakoch {a} môžete uviesť jeden alebo viac riadkov.

for (Count = 1; Count <= 10; Count ++) {document.write ("Iteration:" + Count + "

"); }

Count je názov premennej použitej na uloženie počítadla cyklov for. Smyčka for začína s 1 a pokračuje do 10. Testovacím výrazom je Count <= 10, ktorý znie:

Počet je menší alebo rovný 10 

Pokiaľ je tento výraz pravdivý, cyklus for pokračuje. Nezabudnite, že argument Increment je tiež výrazom a v príklade používa premennú Count na zvýšenie cyklu for o 1 pre každú iteráciu. Neexistuje žiadny zákon, ktorý hovorí, že musíte zvýšiť slučku for o jednu. Tu je len jedna z mnohých alternatív. Tento príklad sa počíta po desiatkach, od 10 do 100.

pre (Počet = 1; Počet <101; Počet + = 10) {document.write ("Iterácia:" + Počet + "

"); }

Späť na index

Pre ... v

Príkaz for ... in je špeciálna verzia príkazu for opísaná v predchádzajúcej časti. For ... in sa používa na zobrazenie názvov vlastností a / alebo obsahov vlastností objektov. Je to väčšinou užitočné ako nástroj na ladenie a testovanie: Ak časť vášho kódu JavaScript nefunguje správne a máte podozrenie, že by to mohla byť chyba objektu JavaScript, ktorý sa pokúšate použiť, môžete preskúmať všetky jeho vlastnosti. tento objekt s príkazom for ....

Na rozdiel od príkazu for, for ... in nepoužíva prírastkové testy ani iné výrazy. Zadáte názov premennej, ktorá ho drží (názov premennej je na vás) a objekt, ktorý chcete použiť. Základná syntax pre príkaz for ... in je:

pre (var v objekte) {statement} 
  • var je názov premennej
  • objekt je objekt, ktorý chcete preskúmať
  • príkazy sú jedným alebo viacerými pokynmi JavaScriptu, ktoré chcete vykonať pre každú vlastnosť vrátenú slučkou for ... in

Napríklad predpokladajme, že chcete určiť vlastnosti objektu navigátora (tento objekt obsahuje podrobnosti o aplikácii Netscape Navigator alebo inom používanom prehľadávači). Nasledujúci kód zobrazuje každý názov vlastnosti v výstražnom poli. Pri spustení skriptu kliknite na OK, aby ste sa dostali k ďalšiemu názvu vlastnosti. Smyčka sa automaticky končí, keď v objekte už nie sú žiadne ďalšie vlastnosti.

pre (teplota v navigátore) {upozornenie (teplota); } 

Variácia tohto príkladu je uvedená nižšie. Zobrazuje nielen názvy vlastností, ale zobrazuje aj obsah každej vlastnosti (niektoré vlastnosti sú prázdne, a preto sa pre ne nezobrazuje žiadny obsah). Obsah vlastností sa zobrazuje pomocou syntaxového objektu [var] alebo v tomto prípade navigátora [temp].

pre (teplota v navigátore) {alert (temp + ":" + navigátor [teplota]); } 

Smyčku for..in je možné použiť pre všetky typy objektov. Môžete ho použiť na iteráciu napríklad cez všetky vlastnosti formulára v dokumente alebo cez vlastnosti používateľom definovaného objektu. Napríklad na prepracovanie všetkých vlastností formulára použijete slučku for ... in ako v nasledujúcom príklade (predpokladajme, že názov formulára je „myform“):

 function test () {for (temp in document.myform) {alert (temp); }}

Späť na index

Funkcia

Príkaz function vám umožňuje vytvárať vaše vlastné užívateľom definované funkcie (rovnako ako užívateľom definované objekty a metódy pre tieto objekty). Funkcie sú samostatné rutiny, ktoré je možné „volať“ inde v rámci vášho kódu JavaScript. Napríklad, ak máte pomenovanú funkciu

writeMyName

, ktorý zobrazuje vaše meno v nadpise, ho môžete aktivovať iba odkazom na meno

writeMyName

niekde vo vašom kóde JavaScript. Tu je krátky

test

ktorý ukazuje, ako by to mohlo fungovať:

  Funkčná testovacia funkcia writeMyName () {MyName = upozornenie "John Doe" (MyName)} 

The writeMyName funkcia je definovaná v ... značkách. Aktivuje sa (inak sa nazýva „volá“), keď stlačíte tlačidlo formulára. Táto volacia akcia sa vykonáva pomocou po kliknutí obsluha udalosti, definovaná v značke pre tlačidlo formulára.

Späť na index

Keby ... inak

Príkaz if sa spolu s voliteľným príkazom else používa na zostavenie výrazu „if conditional“. Podmienečný výraz sa nazýva, pretože testuje konkrétny stav.

  • Ak je výraz pravdivý, skript vykoná pokyny podľa príkazu if.
  • Ak je výraz nepravdivý, skript prejde na pokyny, ktoré nasledujú za príkazom else. Ak neexistuje iný príkaz, skok preskočí celý príkaz if a pokračuje odtiaľ.

Syntax pre if je:

ak (výraz) 

Výsledok výrazu if je vždy pravdivý alebo nepravdivý. Nasledujúca syntax je prijateľná, ak za príkazmi if a else nasleduje iba jedna inštrukcia:

if (ExampleVar == 10) Start (); else Stop (); 

Ak má príkaz if alebo else dodržať viac ako jedna inštrukcia, na definovanie bloku príkazu if musia byť použité znaky {a}. Vďaka znakom {a} vie JavaScript vykonávať všetky pokyny v rámci bloku.

if (ExampleVar == 10) {Count = 1; Štart (); } else {Pocet = 0; Stop (); } 

Výrazy if sa neobmedzujú iba na operátor rovnosti ==. Môžete vyskúšať, či sa hodnoty navzájom nelíšia, väčšie ako, menšie ako a viac. Viac informácií o operátoroch, ktoré môžete použiť, nájdete v zozname odkazov na konci tohto stĺpca. Poukazuje na hodnotnú dokumentáciu JavaScriptu vrátane dokumentácie poskytnutej Netscape.

Späť na index

Nový

Nový príkaz vytvorí novú kópiu objektu. Používa sa jedným z dvoch spôsobov:

  • Definovanie nového objektu dátumu (dátum je vstavaný objekt jazyka JavaScript)
  • Definovanie nového užívateľom definovaného objektu

Syntax je rovnaká pri obidvoch použitiach:

varname = new objectName (parametre); 
  • varname je názov nového objektu. Prijateľné názvy sú rovnaké ako pre premenné JavaScriptu. V skutočnosti môžete vytvorený objekt považovať za premennú JavaScriptu.

  • objectName je názov objektu. Pri použití zabudovaného objektu Date použijete slovo Date (všimnite si veľké písmená - toto je povinné). Ak používate funkciu objektu definovanú používateľom, uvediete názov funkcie objektu.

  • parametre sú jeden alebo viac parametrov, ktoré v prípade potreby odovzdáte funkcii objektu.

Nasledujúci príklad ukazuje, ako použiť nový príkaz na vytvorenie kópie objektu Date, ktorá sa inak nazýva aj „inštancia“:

teraz = nový dátum (); 

Objekt now, ktorý možno považovať za premennú JavaScriptu, má všetky vlastnosti a metódy objektu JavaScript Date. Napríklad pomocou objektu now určíte aktuálnu hodinu dňa:

teraz = nový dátum (); HourNow = now.getHours (); 
$config[zx-auto] not found$config[zx-overlay] not found