JavaScript program je niz instrukcija (izjava). Ponekad se instrukcije nazivaju i JavaScript komande.

Da bi se program izvršio, mora biti pokrenut. Ako je program klijentska skripta, onda ga pretraživač automatski pokreće, ali samo ako je, naravno, prisutan u kodu stranice. Pretraživač izvršava program, obično tokom učitavanja web stranice.

Prilikom pisanja instrukcija one moraju biti odvojene tačkom i zarezom. JavaScript vam omogućava da izostavite tačku-zarez na kraju naredbe if sledeća instrukcijaće početi sa nova linija.

Završni izrazi sa tačkom i zarezom u JavaScript-u nisu potrebni ako će sljedeći izraz biti napisan u novom redu, ali se toplo preporučuje. Takođe je preporučljivo staviti svaku instrukciju na poseban red.

JavaScript instrukcije se sastoje od: vrijednosti, operatora, izraza, ključnih riječi i komentara.

Na primjer, ova instrukcija govori pretraživaču da napiše "Hello, world!" unutra HTML element sa id="main":

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

JavaScript značenja

JavaScript sintaksa definira sljedeće tipove vrijednosti: fiksne vrijednosti (literale), konstantne vrijednosti i varijabilne vrijednosti.

Primjeri literala za predstavljanje različitih vrijednosti u JavaScript-u:

17 // cijeli literal 23.8 // literal razlomka "HTML" // literal niza "HTML" // literal stringa true // boolean literal // literal niza // literal niza () // literal objekta (ime: "Dennis " , jezik: "ru" ) // literal objekta (ab|bc) // literal regularnog izraza

U programskim jezicima, konstante i varijable se koriste za pohranjivanje vrijednosti podataka.

Za deklarisanje konstanti se koristi ključna riječ const, varijable – var i let.

Konst MAX_LENGTH = 17; // konstanta var section = "HTML"; // varijabla let arr = ["HTML","CSS"]; // varijabla

let je novi način deklarisanja varijabli koji se pojavio od verzije ES-2015 (ES6). Let se razlikuje od var po tome što varijabla deklarirana pomoću let ima drugačiji opseg (opseg bloka), a također i po tome što joj se može pristupiti tek nakon što je kreirana.

JavaScript operatori

Postoji mnogo različitih operatora u JavaScript-u. Oni ukazuju na operaciju koju treba izvesti.

Ovisno o broju operanada s kojima operator radi, dijele se na binarne i unarne. Ali JavaScript ima i uslovni operator, koji se sastoji od 3 operanda. Ovaj operator se naziva ternarnim.

Na primjer, operator dodjeljivanja (= znak):

// operand1 = operand2; coorX = 100; // na primjer dodijeliti broj 100 varijabli coordX

Ovaj operator se koristi za dodjelu (postavljanje) operandu1 istoj vrijednosti kao i operand2.

Operator dodjeljivanja je binarni jer radi na dva operanda.

Na primjer, operator inkrementa (znak ++) se koristi za povećanje numerička vrijednost operand na 1:

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

Operator inkrementa je unaran jer radi na jednom operandu.

JavaScript izrazi

Izraz je kombinacija vrijednosti, varijabli i operatora koji ili dodjeljuju vrijednost varijabli ili vraćaju vrijednost bez dodjeljivanja.

Na primjer, izraz num = 955.47 koristi = operator za dodjelu vrijednosti 7 varijabli num.

Na primjer, izraz "Zdravo, " + "Timofey" koristi operator + za dodavanje nizova "Zdravo, " i "Timofey" bez dodjele.

JavaScript ključne riječi

JavaScript instrukcije često počinju ključnom riječi. Ona (ključna riječ) je namijenjena da odredi koju JavaScript radnju treba izvršiti.

Na primjer, ključna riječ var govori pretraživaču da kreira varijable:

Var coordX = 5, coordY = 130;

Lista nekih ključnih riječi: break, continue, do ... while, for, function, if ... else, return, switch, try ... catch, var.

Komentari u JavaScript-u

Nisu svi JavaScript izrazi izvršni.

Kôd nakon dvostrukih kosih crta // ili između /* i */ tretira se kao komentar.

Komentari se zanemaruju i ne izvršavaju:

Var smjer = "vrh"; // komentar u jednom redu // var speed = 10; ova instrukcija neće biti izvršena /* Funkcija koja dodaje klasu show elementu sa id="myBtn" */ funkcija showBtn() (document.getElementById("myBtn").classList.add("show"); )

// - je komentar u jednom redu, tj. JavaScript će zanemariti svaki tekst između // i kraja reda (neće biti izvršen).

/* */ je komentar u više redaka, svaki tekst između /* i */ će biti zanemaren od strane JavaScripta.

Blok JavaScript instrukcija

JavaScript instrukcije se mogu grupisati pomoću bloka (vitrdčaste zagrade (...)).

Obično se koristi u funkcijama, kontrolnim strukturama (za, dok) itd.

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

Osetljivost velikih i malih slova

JavaScript je jezik koji razlikuje velika i mala slova. To znači da ključne riječi, varijable, nazivi funkcija i drugi identifikatori jezika moraju sadržavati isti skup velikih i malih slova. Na primjer, metoda upozorenja treba biti upisana samo kao alert , a ne Alert , ALERT itd.

Razmak u JavaScriptu

JavaScript ignoriše više razmaka. Svojoj skripti možete dodati razmake kako biste je učinili čitljivijom.

Sljedeći redovi su ekvivalentni:

Var str = "Tekst"; var str="Tekst";

Dužina kodne linije

Ako je JavaScript instrukcija duga, onda je preporučljivo da je razbijete. U većini slučajeva, bolje je prekršiti instrukciju nakon nekog operatera.

Na primjer:

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

• ime koje se sastoji od jedne riječi treba pisati malim slovima (na primjer: članak);
• ime koje se sastoji od nekoliko riječi treba pisati malim slovima zajedno, osim slova na spoju riječi, treba ih pisati velikim slovima (na primjer: articleTitle);
• broj riječi u nazivu ne smije biti veći od 3 (na primjer: articleDatePublishedon)
• varijable (ne za pohranjivanje funkcija) i svojstva objekta moraju biti imenice (na primjer: textComment);
• nizove i kolekcije vrijednosti treba specificirati imenicama u plural(na primjer: lastComments);
• funkcije i metode objekata moraju biti imenovane glagolima (na primjer: getLastArticles);
• imena klasa moraju početi velikim slovom (na primjer: Komentari).

JavaScript se može implementirati pomoću JavaScript operatori, koji se nalaze u HTML oznake skripta ... /script na web stranici.

Možete postaviti oznake skripte koje sadrže vaš JavaScript bilo gdje na vašoj web stranici, ali općenito se preporučuje da ih pohranite u oznake head.

Oznaka skripte upozorava program pretraživača da počne tumačiti sav tekst između ovih oznaka kao skriptu. Jednostavna sintaksa za vaš JavaScript bi izgledala ovako.

JavaScript kod

Oznaka skripte sadrži dva važna atributa -

• Jezik - Ovaj atribut pokazuje koji skriptni jezik koristite. Obično će njegova vrijednost biti javascript. Iako su najnovije verzije HTML-a (i XHTML-a, njegovog nasljednika) prestale koristiti ovaj atribut.
• Tip. Ovaj atribut se sada preporučuje da označi jezik skripte koji se koristi i njegovu vrijednost treba postaviti na "text/javascript".

Dakle, vaš JavaScript segment bi izgledao ovako:

JavaScript kod

Vaša prva JavaScript skripta

Uzmimo primjer ispisa "Hello World". Dodali smo dodatni komentar HTML koji okružuje naš JavaScript kod. Ovo je za spremanje našeg koda iz pretraživača koji ne podržava JavaScript. Komentar završava sa "// ->". Ovdje "//" znači komentar u JavaScript-u, pa ga dodajemo kako bismo spriječili pretraživač da pročita kraj HTML komentara kao dio JavaScript koda. Zatim pozivamo funkciju document.write, koja upisuje string u naš HTML dokument.

Ova funkcija se može koristiti za pisanje teksta, HTML-a ili oboje. Pogledajte sljedeći kod.

Ovaj kod će dati sljedeći rezultat:

Zdravo svijete!

Razmaci i prijelomi linija

JavaScript zanemaruje razmake, tabulatore i nove redove koji se pojavljuju u JavaScript programima. Možete slobodno koristiti razmake, tabulatore i nove redove u svom programu, i možete formatirati i uvlačiti svoje programe na uredan i dosljedan način, čineći vaš kod lakim za čitanje i razumijevanje.

Tačke i zareze u JavaScript-u

IN jednostavna uputstva u JavaScript-u ga obično prati tačka-zarez, kao u C, C++ i Javi. Međutim, JavaScript vam omogućava da preskočite ovu tačku i zarez ako svaku svoju izjavu stavite u poseban red. Na primjer, sljedeći kod bi mogao biti napisan bez tačaka i zareza.

Ali kada ovako formatirate u jednom redu, morate koristiti tačku i zarez -

Bilješka. Dobra praksa programiranje je korištenje tačaka i zareza.

Osetljivost velikih i malih slova

JavaScript je jezik koji razlikuje velika i mala slova. To znači da ključne riječi, varijable, nazivi funkcija i bilo koji drugi identifikatori moraju uvijek biti uneseni konzistentnim velikim slovom.

Dakle, identifikatori vremena i TIME će prenijeti različita značenja JavaScriptu.

BILJEŠKA. Trebali biste biti oprezni kada pišete imena varijabli i funkcija u JavaScript-u.

Kada uči pisati, osoba mora naučiti osnove pravopisa, gramatike i pravopisa. Na primjer, svi znaju da rečenica počinje sa veliko slovo i završava se tačkom, tekst je podijeljen na pasuse itd.

Programski jezici rade na sličan način: da bi program radio, moraju se poštovati određena pravila. Skup pravila koja definiraju strukturu programskih jezika naziva se sintaksa. Mnogi programski jezici su izgrađeni na istim konceptima, ali koriste različitu sintaksu.

Ovaj vodič će vas upoznati s osnovama sintakse i strukturiranja koda u JavaScript-u.

Funkcionalnost i čitljivost

Funkcionalnost i čitljivost su veoma važni aspekti JavaScript sintakse na koje se treba posebno fokusirati.

Neka pravila sintakse su obavezna za JavaScript kod. Ako se ne ispune, konzola će izbaciti grešku i skripta će prestati raditi.

Razmotrite ovu grešku u programu “Zdravo, svijete!”.

// Primjer neispravnog JavaScript programa
console.log("Zdravo, svijet!"

Na kraju nedostaje završna zagrada, pa umjesto reda „Zdravo, svijete!“ program će vratiti grešku:

Uncaught SyntaxError: nedostaje) nakon liste argumenata

Da biste dozvolili da skripta nastavi da radi, morate dodati zagradu za zatvaranje. Ovako greška u JavaScript sintaksi može uticati na rad programa.

Neki aspekti JavaScript sintakse i formatiranja dolaze iz različitih perspektiva. Jednostavno rečeno, postoje stilska pravila i varijacije koje su opcione i ne uzrokuju greške prilikom pokretanja koda. Međutim, postoje i mnoge opšte konvencije koje je mudro pratiti kako bi programeri projekta i koda bili svjesni ažuriranja stila i sintakse. Praćenje uobičajenih konvencija će poboljšati čitljivost vašeg koda.

Razmotrite sljedeće tri opcije za dodjeljivanje vrijednosti varijabli:

const greeting="Zdravo"; // nema razmaka između varijable i stringa
const greeting = "Zdravo"; //previše razmaka nakon dodjele
const greeting = "Zdravo"; // jedan razmak između varijable i stringa

Sva tri gornja reda će raditi isto. Ali treća opcija (greeting = "Zdravo") je daleko najčešće korišten i čitljiv način pisanja koda, posebno kada se gleda u kontekstu većeg programa.

Vrlo je važno pratiti integritet i konzistentnost cjelokupnog programskog koda.

U nastavku ćemo pogledati nekoliko primjera kako bismo se upoznali sa sintaksom i strukturom JavaScript koda.

Razmaci

Znakovi razmaka u JavaScriptu su razmaci, tabulatori i redovi (ova radnja se izvodi pomoću tipke Enter). Kao što je ranije prikazano, JavaScript interpreter zanemaruje višak praznog prostora izvan reda, razmaka između operatora i drugih znakova. To znači da će sljedeća tri primjera dodjeljivanja varijabli imati isti rezultat:

const userLocation = "Njujork, " + "NY";
const userLocation="Njujork, "+"NY";
const userLocation = "Njujork, " + "NY";

Varijabla userLocation će imati vrijednost "New York City, NY" bez obzira na stil dodjele za tu vrijednost. Za JavaScript nije važno koji razmaka znakova se koriste.

Postoji jedno isprobano i istinito pravilo u pisanju programa: kada koristite razmak, slijedite ista pravila koja koristite u matematici ili gramatici. Na primjer, linija:

lakše za čitanje nego:

Važan izuzetak od ovog pravila je dodjela više varijabli. Obratite pažnju na poziciju = u sljedećem primjeru:

const companyName = "MyCompany";
const companyHeadquarters = "New York City";
const companyHandle = "moja kompanija";

Svi operatori dodjeljivanja (=) su poravnati u jednom redu pomoću razmaka. Ovu vrstu strukture ne koriste sve baze koda, ali može poboljšati čitljivost.

Dodatni prijelomi reda se također zanemaruju u JavaScriptu. U pravilu, dodatni prazni redovi se ubacuju iznad komentara i iza bloka koda.

Okrugle zagrade

Ključne riječi kao što su if, switch i for obično imaju razmak ispred i iza zagrada. Razmotrite sljedeći primjer:

// Primjer sintakse if izraza
ako () ( )
// Provjerite matematičku jednačinu i ispišite niz na konzolu
ako (4< 5) {
console.log("4 je manje od 5.");
}
// Primjer sintakse for petlje
za () ( )
// Iterirajte 10 puta, ispisujući svaki broj iteracije na konzolu
za (neka je i = 0; i 0) (
kvadrat(broj);
}

Budite oprezni jer sav kod zatvoren u vitičastim zagradama ne zahtijeva tačku i zarez. Objekti su zatvoreni u vitičaste zagrade i moraju se završavati tačkom i zarezom.

// Primjer objekta
const objectName = ();
// Inicijalizacija objekta trokuta
const trokut = (
upišite: "desno",
ugao: 90,
strane: 3,
};

Uobičajena je praksa stavljati tačku i zarez nakon svake JavaScript izjave i izraza osim onih koji završavaju vitičastim zagradama.

Strukturiranje koda

Tehnički, sav kod u JavaScript programu može se staviti u jedan red. Ali takav kod je veoma težak za čitanje i održavanje. Stoga je program podijeljen u redove.

Na primjer, naredba if/else može biti napisana u jednom redu ili se može podijeliti:

// Uslovna izjava napisana u jednom redu
if (x === 1) ( /* izvrši kod ako je tačno */ ) else ( /* izvrši kod ako je netačno */ )
// Uvjetni izraz s uvlačenjem
ako (x === 1) (
// izvršava kod ako je istinito
) drugo (
// izvršava kod ako je netačan
}

Napomena: svaki kod uključen u blok je uvučen. Možete uvlačiti pomoću dva razmaka, četiri razmaka ili tabulatora. Izbor metode uvlačenja ovisi isključivo o ličnim preferencijama ili preporukama vaše organizacije.

Otvorena zagrada na kraju prvog reda je uobičajen način strukturiranja JavaScript izjava i objekata. Ponekad se zagrade postavljaju u zasebne redove:

// Uvjetni izraz sa zagradama na novim redovima
ako (x === 1)
{
// izvršava kod ako je istinito
}
ostalo
{
// izvršava kod ako je netačan
}

Ova struktura se rijetko koristi u JavaScriptu, kao iu drugim jezicima.

Ugniježđeni izrazi moraju biti odvojeni:

// Inicijaliziranje funkcije
funkcija je jednaka jednom(x) (
// Provjera da li je x jednako jedan
ako (x === 1) (
// na uspjeh, vrati true
return true;
) drugo (
return false;
}
}

Pravilno uvlačenje čini kod čitljivim. Jedini izuzetak od ovog pravila koji treba imati na umu je da komprimirane biblioteke uklanjaju sve nepotrebne simbole kako bi smanjile veličinu datoteke.

Identifikatori

Imena varijabli, funkcija ili svojstava u JavaScript-u nazivaju se identifikatori. Identifikatori se sastoje od slova i brojeva, ali ne mogu sadržavati znakove dalje od $ i _ i ne mogu početi brojem.

Osetljivost velikih i malih slova

Imena razlikuju velika i mala slova. To jest, myVariable i myvariable će se tretirati kao dvije različite varijable.

var myVariable = 1;
var myvarijable = 2;

Po opštoj konvenciji, imena se pišu velikim slovom kamila: prva riječ je napisana malim slovom, ali svaka slijedeća riječ počinje velikim slovom. Globalne varijable ili konstante su napisane velikim slovima i odvojene donjom crtom.

const INSURANCE_RATE = 0,4;

Izuzetak od ovog pravila su imena klasa, gdje svaka riječ obično počinje velikim slovom (PascalCase).

// Inicijaliziranje klase
klasa PrimjerClass (
konstruktor()
}

Da biste osigurali čitljivost koda, morate dosljedno koristiti identifikatore u svim programskim datotekama.

Rezervirane ključne riječi

Identifikatori također ne smiju sadržavati rezervirane ključne riječi. Ključne riječi su JavaScript riječi koje imaju ugrađenu funkcionalnost. To uključuje var, if, for i this.

Na primjer, ne možete dodijeliti vrijednost varijabli pod nazivom var.

var var = "Neka vrijednost";

JavaScript poznaje ključnu riječ var, tako da će prikazati grešku:

Greška sintakse: Neočekivani token (1:4)