Program JavaScript je zaporedje navodil (izjav). Včasih se navodila imenujejo tudi ukazi JavaScript.

Da se program izvaja, ga je treba zagnati. Če je program odjemalski skript, ga brskalnik samodejno zažene, vendar le, če je seveda prisoten v kodi strani. Brskalnik izvede program, običajno med nalaganjem spletne strani.

Pri pisanju navodil morajo biti le-ta ločena s podpičjem. JavaScript vam omogoča, da izpustite podpičje na koncu stavka if naslednje navodilo se bo začel z nova vrstica.

Končanje stavkov s podpičjem v JavaScriptu ni potrebno, če bo naslednji stavek zapisan v novi vrstici, vendar je zelo priporočljivo. Priporočljivo je tudi, da vsako navodilo postavite v ločeno vrstico.

Navodila JavaScript sestavljajo: vrednosti, operaterji, izrazi, ključne besede in komentarji.

Na primer, to navodilo pove brskalniku, naj napiše "Hello, world!" znotraj element HTML z id="main":

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

JavaScript pomeni

Sintaksa JavaScript definira naslednje vrste vrednosti: fiksne vrednosti (literali), konstantne vrednosti in spremenljive vrednosti.

Primeri literalov za predstavitev različnih vrednosti v JavaScriptu:

17 // celoštevilski literal 23.8 // literal ulomkov števila "HTML" // literal niza "HTML" // literal niza true // logični literal // literal matrike // literal matrike () // literal objekta ( ime: "Dennis " , jezik: "ru" ) // literal objekta (ab|bc) // literal regularnega izraza

V programskih jezikih se konstante in spremenljivke uporabljajo za shranjevanje vrednosti podatkov.

Za deklaracijo konstant se uporablja ključna beseda const, spremenljivke – var in let.

Const MAX_LENGTH = 17; // konstantna var. odsek = "HTML"; // spremenljivka let arr = ["HTML","CSS"]; // spremenljivka

let je nov način za deklariranje spremenljivk, ki se je pojavil od različice ES-2015 (ES6). Let se od var razlikuje po tem, da ima spremenljivka, deklarirana z let, drugačen obseg (obseg bloka) in tudi po tem, da je do nje mogoče dostopati šele, ko je bila ustvarjena.

Operaterji JavaScript

V JavaScriptu obstaja veliko različnih operaterjev. Označujejo operacijo, ki jo je treba izvesti.

Glede na število operandov, s katerimi operira operator, jih delimo na binarne in unarne. Toda JavaScript ima tudi pogojni operator, ki je sestavljen iz 3 operandov. Ta operator se imenuje ternarni.

Na primer, operator dodelitve (= znak):

// operand1 = operand2; coorX = 100; // na primer dodeli številko 100 spremenljivki coordX

Ta operator se uporablja za dodelitev (nastavitev) operand1 na isto vrednost kot operand2.

Operator dodelitve je binarni, ker deluje na dveh operandih.

Na primer, operator povečanja (znak ++) se uporablja za povečanje številčna vrednost operand pri 1:

Var št. = 5; ++številka; // 6

Operator prirastka je unarni ker deluje na enem operandu.

JavaScript izrazi

Izraz je kombinacija vrednosti, spremenljivk in operatorjev, ki bodisi dodelijo vrednost spremenljivki bodisi vrnejo vrednost, ne da bi jo dodelili.

Na primer, izraz num = 955.47 uporablja operator = za dodelitev vrednosti 7 spremenljivki num.

Na primer, izraz "Pozdravljeni, " + "Timofej" uporablja operator + za dodajanje nizov "Pozdravljeni, " in "Timofej" brez dodelitve.

Ključne besede JavaScript

Navodila JavaScript se pogosto začnejo s ključno besedo. Namen (ključne besede) je določiti, katero dejanje JavaScript je treba izvesti.

Na primer, ključna beseda var pove brskalniku, naj ustvari spremenljivke:

Var. coordX = 5, coordY = 130;

Seznam nekaterih ključnih besed: break, continue, do ... while, for, function, if ... else, return, switch, try ... catch, var.

Komentarji v JavaScriptu

Vsi stavki JavaScript niso izvedljivi.

Koda za dvojnimi poševnicami // ali med /* in */ se obravnava kot komentar.

Komentarji so prezrti in ne izvedeni:

Var direction = "top"; // enovrstični komentar // var speed = 10; to navodilo ne bo izvedeno /* Funkcija, ki doda razred show elementu z id="myBtn" */ function showBtn() ( document.getElementById("myBtn").classList.add("show"); )

// - je enovrstični komentar, tj. vsako besedilo med // in koncem vrstice bo JavaScript prezrl (ne bo izvedeno).

/* */ je večvrstični komentar, JavaScript bo prezrl vsako besedilo med /* in */.

Blok navodil JavaScript

Navodila JavaScript je mogoče združiti v skupine z uporabo bloka (zavitih oklepajev (...)).

Običajno se uporablja v funkcijah, nadzornih strukturah (za, medtem ko) itd.

Funkcija myFunction() (document.getElementById("id__1").textContent = "Besedilo 1..."; document.getElementById("id__2").textContent = "Besedilo 2..."; )

Občutljivost na velike in male črke

JavaScript je jezik, ki razlikuje med velikimi in malimi črkami. To pomeni, da morajo ključne besede, spremenljivke, imena funkcij in drugi jezikovni identifikatorji vsebovati enak niz velikih in malih črk. Na primer, metodo opozorila je treba vnesti samo kot opozorilo in ne Opozorilo, OPOZORILO itd.

Presledek v JavaScriptu

JavaScript ignorira več presledkov. Skriptu lahko dodate presledke, da bo bolj berljiv.

Naslednje vrstice so enakovredne:

Var str = "Besedilo"; var str="Besedilo";

Dolžina vrstice kode

Če je navodilo JavaScript dolgo, je priporočljivo, da ga prekinete. V večini primerov je bolje prekiniti navodilo po nekem operatorju.

Na primer:

Document.getElementById("aside__nav_header").innerHTML = "Dodatna navigacija (po razdelku)";

• ime, sestavljeno iz ene besede, naj bo napisano z malimi tiskanimi črkami (npr. članek);
• ime, sestavljeno iz več besed, naj bo zapisano z malimi črkami skupaj, razen črk na stičišču besed naj bodo zapisane z velikimi tiskanimi črkami (npr. Naslov članka);
• število besed v imenu ne sme presegati 3 (na primer: articleDatePublishedon)
• spremenljivke (ne za shranjevanje funkcij) in lastnosti objektov morajo biti samostalniki (na primer: textComment);
• matrike in zbirke vrednosti je treba določiti s samostalniki v množina(na primer: zadnji komentarji);
• funkcije in metode objektov morajo biti poimenovane z glagoli (na primer: getLastArticles);
• imena razredov se morajo začeti z veliko začetnico (na primer: komentarji).

JavaScript je mogoče implementirati z uporabo operatorji JavaScript, ki so postavljeni v oznake HTML skript ... / skript na spletni strani.

Oznake skriptov, ki vsebujejo vaš JavaScript, lahko postavite kamor koli na vaši spletni strani, vendar je na splošno priporočljivo, da jih shranite v oznake glave.

Oznaka skripta opozori program brskalnika, da začne razlagati celotno besedilo med tema oznakama kot skript. Preprosta sintaksa za vaš JavaScript bi izgledala takole.

JavaScript koda

Oznaka skripta vsebuje dva pomembna atributa -

• Jezik – ta atribut označuje, kateri skriptni jezik uporabljate. Običajno bo njegova vrednost javascript. Čeprav novejše različice HTML (in XHTML, njegov naslednik) tega atributa niso več uporabljale.
• Vrsta. Ta atribut je zdaj priporočljiv za označevanje uporabljenega skriptnega jezika, njegova vrednost pa mora biti nastavljena na "text/javascript".

Torej bi vaš segment JavaScript izgledal takole:

JavaScript koda

Vaš prvi JavaScript skript

Vzemimo primer izpisa "Hello World". Dodali smo dodatni komentar HTML, ki obdaja našo kodo JavaScript. To je namenjeno shranjevanju naše kode iz brskalnika, ki ne podpira JavaScripta. Komentar se konča z "// ->". Tukaj »//« pomeni komentar v JavaScriptu, zato ga dodamo, da brskalniku preprečimo branje konca komentarja HTML kot dela kode JavaScript. Nato pokličemo funkcijo document.write, ki zapiše niz v naš dokument HTML.

To funkcijo lahko uporabite za pisanje besedila, HTML-ja ali obojega. Oglejte si naslednjo kodo.

Ta koda bo dala naslednji rezultat:

Pozdravljen, svet!

Presledki in prelomi vrstic

JavaScript ignorira presledke, zavihke in nove vrstice, ki se pojavijo v programih JavaScript. V svojem programu lahko poljubno uporabljate presledke, zavihke in nove vrstice ter svoje programe lahko oblikujete in zamikate na čist in dosleden način, zaradi česar je vaša koda enostavna za branje in razumevanje.

Podpičja v JavaScriptu

IN preprosta navodila v JavaScriptu običajno sledi podpičje, kot v C, C++ in Javi. JavaScript pa vam omogoča, da preskočite to podpičje, če postavite vsako od svojih izjav v ločeno vrstico. Na primer, naslednjo kodo bi lahko napisali brez podpičja.

Toda pri formatiranju v eni vrstici, kot je ta, morate uporabiti podpičja -

Opomba. Dobra praksa programiranje je uporaba podpičja.

Občutljivost na velike in male črke

JavaScript je jezik, ki razlikuje med velikimi in malimi črkami. To pomeni, da morajo biti ključne besede, spremenljivke, imena funkcij in vsi drugi identifikatorji vedno vneseni z dosledno veliko začetnico.

Tako bosta identifikatorja Time in TIME JavaScriptu posredovala različne pomene.

OPOMBA. Bodite previdni pri pisanju imen spremenljivk in funkcij v JavaScript.

Pri učenju pisanja se mora človek naučiti osnov pravopisa, slovnice in črkovanja. Na primer, vsi vedo, da se stavek začne z velika začetnica in se konča s piko, besedilo je razdeljeno na odstavke itd.

Programski jeziki delujejo na podoben način: da program deluje, je treba upoštevati določena pravila. Niz pravil, ki določajo strukturo programskih jezikov, se imenuje sintaksa. Mnogi programski jeziki so zgrajeni na istih konceptih, vendar uporabljajo drugačno sintakso.

Ta vadnica vas bo seznanila z osnovami sintakse in strukturiranja kode v JavaScriptu.

Funkcionalnost in berljivost

Funkcionalnost in berljivost sta zelo pomembna vidika sintakse JavaScript, na katera se je treba osredotočiti ločeno.

Nekatera sintaksna pravila so obvezna za kodo JavaScript. Če niso izpolnjeni, bo konzola izdala napako in skript se bo prenehal izvajati.

Razmislite o tej napaki v programu "Hello, World!".

// Primer pokvarjenega programa JavaScript
console.log("Pozdravljen, svet!"

Na koncu manjka zaključni oklepaj, zato namesto vrstice »Hello, World!« program bo vrnil napako:

Uncaught SyntaxError: manjka) za seznamom argumentov

Če želite omogočiti, da se skript še naprej izvaja, morate dodati zaključni oklepaj. Tako lahko napaka v sintaksi JavaScript vpliva na delovanje programa.

Nekateri vidiki sintakse in oblikovanja JavaScript prihajajo iz različnih perspektiv. Preprosto povedano, obstajajo stilistična pravila in različice, ki so neobvezne in ne povzročajo napak pri izvajanju kode. Vendar pa obstaja tudi veliko splošnih dogovorov, ki jih je pametno upoštevati, tako da se razvijalci projektov in kode zavedajo posodobitev sloga in sintakse. Upoštevanje običajnih konvencij bo izboljšalo berljivost vaše kode.

Razmislite o naslednjih treh možnostih za dodeljevanje vrednosti spremenljivki:

const pozdrav="Pozdravljeni"; // brez presledka med spremenljivko in nizom
const pozdrav = "Pozdravljeni"; //prevelik presledek po dodelitvi
const pozdrav = "Pozdravljeni"; // en presledek med spremenljivko in nizom

Vse tri zgornje vrstice bodo delovale enako. Toda tretja možnost (pozdrav = "Pozdravljeni") je daleč najpogosteje uporabljen in berljiv način pisanja kode, zlasti če jo gledamo v kontekstu večjega programa.

Zelo pomembno je spremljati celovitost in doslednost vse programske kode.

Spodaj si bomo ogledali nekaj primerov, da se seznanimo s sintakso in strukturo kode JavaScript.

Presledki

Presledki v JavaScriptu so presledki, tabulatorji in pomiki vrstic (to dejanje izvedete s tipko Enter). Kot je bilo prikazano prej, tolmač JavaScript prezre odvečni prazen prostor zunaj vrstice, prazen prostor med operaterji in druge znake. To pomeni, da bodo imeli naslednji trije primeri dodeljevanja spremenljivk enak rezultat:

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

Spremenljivka userLocation bo imela vrednost »New York City, NY« ne glede na slog dodelitve za to vrednost. Za JavaScript ni pomembno, kateri presledki so uporabljeni.

Pri pisanju programov obstaja eno preizkušeno in resnično pravilo: ko uporabljate presledke, upoštevajte ista pravila, kot jih uporabljate pri matematiki ali slovnici. Na primer vrstica:

lažje brati kot:

Pomembna izjema od tega pravila je dodelitev več spremenljivk. Opazite položaj = v naslednjem primeru:

const companyName = "Moje podjetje";
const companyHeadquarters = "New York City";
const companyHandle = "moje podjetje";

Vsi operatorji dodelitve (=) so poravnani v eno vrstico s presledki. Te vrste strukture ne uporabljajo vse kodne baze, lahko pa izboljša berljivost.

V JavaScriptu so prezrti tudi dodatni prelomi vrstic. Praviloma dodatno prazne vrstice se vstavijo nad komentar in za blok kode.

Okrogli oklepaji

Ključne besede, kot so if, switch in for, imajo običajno presledke pred in za oklepajem. Razmislite o naslednjem primeru:

// Primer sintakse stavka if
če () ( )
// Preverite matematično enačbo in natisnite niz na konzolo
če (4< 5) {
console.log("4 je manj kot 5.");
}
// Primer sintakse zanke for
za () ( )
// Ponovite 10-krat, vsako številko ponovitve natisnite na konzolo
za (naj bo i = 0; i 0) (
kvadrat (število);
}

Bodite previdni, ker vsa koda v zavitih oklepajih ne zahteva podpičja. Predmeti so v zavitih oklepajih in se morajo končati s podpičjem.

// Primer predmeta
const objectName = ();
// Inicializiraj trikotnik
const trikotnik = (
tip: "desno",
kot: 90,
strani: 3,
};

Običajna praksa je, da za vsakim stavkom in izrazom JavaScript postavite podpičja, razen tistih, ki se končajo z zavitimi oklepaji.

Strukturiranje kode

Tehnično je mogoče vso kodo v programu JavaScript dati v eno vrstico. Toda takšno kodo je zelo težko brati in vzdrževati. Zato je program razdeljen na vrstice.

Na primer, stavek if/else je lahko zapisan v eni vrstici ali pa je razdeljen:

// Pogojni stavek, zapisan v eni vrstici
if (x === 1) ( /* izvedi kodo, če je res */ ) else ( /* izvedi kodo, če je false */ )
// Pogojni stavek z zamikom
če (x === 1) (
// izvrši kodo, če je res
) drugače (
// izvrši kodo, če je false
}

Prosimo, upoštevajte: vsaka koda, vključena v blok, je zamaknjena. Zamaknete lahko z dvema presledkoma, štirimi presledki ali tabulatorji. Izbira načina zamika je odvisna izključno od osebnih preferenc ali priporočil vaše organizacije.

Odprt oklepaj na koncu prve vrstice je običajen način strukturiranja stavkov in predmetov JavaScript. Včasih so oklepaji postavljeni v ločene vrstice:

// Pogojni stavek z oklepaji v novi vrstici
če (x === 1)
{
// izvrši kodo, če je res
}
drugače
{
// izvrši kodo, če je false
}

Ta struktura se redko uporablja v JavaScriptu, tako kot v drugih jezikih.

Ugnezdeni stavki morajo biti ločeni:

// Inicializacija funkcije
funkcija jeEnakoEni(x) (
// Preveri, če je x enak ena
če (x === 1) (
// ob uspehu vrne true
vrni resnico;
) drugače (
vrni false;
}
}

Ustrezen zamik naredi kodo berljivo. Edina izjema od tega pravila, ki jo morate upoštevati, je, da stisnjene knjižnice odstranijo vse nepotrebne simbole, da zmanjšajo velikost datoteke.

Identifikatorji

Imena spremenljivk, funkcij ali lastnosti v JavaScriptu se imenujejo identifikatorji. Identifikatorji so sestavljeni iz črk in številk, vendar ne morejo vsebovati znakov poleg $ in _ ter se ne morejo začeti s številko.

Občutljivost na velike in male črke

Imena razlikujejo med velikimi in malimi črkami. To pomeni, da bosta myVariable in myvariable obravnavani kot dve različni spremenljivki.

var myVariable = 1;
var myvariable = 2;

Po splošnem dogovoru se imena pišejo z veliko začetnico: prva beseda je napisana z malo začetnico, vsaka naslednja pa se začne z veliko začetnico. Globalne spremenljivke ali konstante so zapisane z velikimi črkami in ločene s podčrtaji.

const ZAVAROVALNA STOPNJA = 0,4;

Izjema od tega pravila so imena razredov, kjer se vsaka beseda običajno začne z veliko začetnico (PascalCase).

// Inicializiraj razred
razred PrimerRazreda (
konstruktor()
}

Če želite zagotoviti berljivost kode, morate dosledno uporabljati identifikatorje v vseh programskih datotekah.

Rezervirane ključne besede

Identifikatorji tudi ne smejo vsebovati nobenih rezerviranih ključnih besed. Ključne besede so besede JavaScript, ki imajo vgrajeno funkcionalnost. Ti vključujejo var, if, for in this.

Na primer, ne morete dodeliti vrednosti spremenljivki z imenom var.

var var = "Neka vrednost";

JavaScript pozna ključno besedo var, zato bo vrgel napako:

SyntaxError: Nepričakovan žeton (1:4)