Je li javascript osjetljiv na velika i mala slova. JavaScript - Sintaksa. Praznina u JavaScriptu

JavaScript program sastoji se od varijabli, operatora, funkcija, objekata i drugih jezičnih konstrukcija. O svima njima bit će potanko riječi u ovom udžbeniku. A u ovoj temi ću vam reći kako su napisani u programskom kodu. Sintaksa JavaScripta je uobičajena i uglavnom se podudara s drugim programskim jezicima.

JavaScript ne zahtijeva razmake između varijabli i raznih izjava. Ali omogućuje vam da postavite mjesta gdje vam je potrebno:

Line feed se također može učiniti gdje vam odgovara. Postoji jedna iznimka: ne možete napraviti prijelom retka unutar teksta koji je pod navodnicima. Ovo će pitanje biti detaljnije razmotreno pri proučavanju nizova. U drugim slučajevima, sami odlučujete gdje ćete prevesti redak

Možete to napisati ovako:

Međutim, preporučam korištenje točke i zareza nakon svake naredbe i poziva funkcije. Prvo, odsutnost točke i zareza nije uvijek prihvatljivo i može doći do pogreške. Drugo, ovo je uobičajeni stil kompetentnog kodiranja i bolje je odmah se naviknuti na njega. Preporučljivo je pridržavati se pravila: svaki red mora završavati točkom i zarezom. Iznimka su jezične konstrukcije koje imaju svoje znakove. Na primjer, neki operateri.

Kada pišete svoja imena, na primjer, kada kreirate varijable, velika i mala slova se također uzimaju u obzir. tvrtka i tvrtka su dvije različite varijable.

Sintaksa JavaScripta je skup pravila za izradu JavaScript programa.

Računalni program je popis "instrukcija" koje računalo treba "izvršiti".

U programskom jeziku, ovi programske upute nazivaju se izjavama.

JavaScript je programski jezik.

JavaScript izjave odvojene su točkom i zarezom.

HTML, JavaScript programi mogu se izvršavati pomoću web preglednika.

JavaScript izjave sastoje se od:

Vrijednosti, operatori, izrazi, ključne riječi i komentare.

Sintaksa JavaScripta definira dvije vrste vrijednosti: fiksne vrijednosti i varijabilne vrijednosti.

Fiksne vrijednosti nazivaju se literali. Vrijednosti varijabli nazivaju se varijablama.

Najvažnija pravila za pisanje fiksnih vrijednosti su:

Brojevi se pišu sa ili bez decimalnih mjesta:

Redovi teksta napisani u dvostrukim ili jednostrukim navodnicima:

U programskom jeziku, varijable se koriste za pohranu vrijednosti podataka.

JavaScript koristi ključnu riječ var za deklariranje varijabli.

Znak jednakosti koristi se za dodjeljivanje vrijednosti varijablama.

U ovom primjeru x je definiran kao varijabla. Tada je x dodijeljena (sdana) vrijednost 6:

JavaScript koristi operator dodjele (=) za dodjelu vrijednosti varijablama:

JavaScript koristi aritmetički operatori(+ - * /) za izračun vrijednosti:

Izraz je kombinacija vrijednosti, varijabli i operatora koja daje vrijednost.

Izračun se naziva procjena.

Na primjer, 5 * 10 ima vrijednost 50:

Izrazi također mogu sadržavati varijabilne vrijednosti:

Vrijednosti mogu biti različite vrste, kao što su brojevi i nizovi.

Na primjer, "John" + "," + "Doe" ima vrijednost "John Doe":

Ključne riječi JavaScripta koriste se za definiranje radnji koje treba izvesti.

Ključna riječ var govori pregledniku da stvori novu varijablu:

Neće sve JavaScript izjave biti "izvršene".

Kod iza dvostrukih kosih crta // ili između /* i */ tretira se kao komentar.

Komentari se zanemaruju i neće biti izvršeni:

Identifikatori su imena.

U JavaScriptu se identifikatori koriste za imenovanje varijabli (i ključnih riječi, kao i funkcija i oznaka).

Pravila za legalna imena ista su u većini programskih jezika.

U JavaScriptu prvi znak mora biti slovo, podvlaka (_) ili znak dolara ($).

Sljedeći znakovi mogu biti slova, brojevi, podvlake ili znakovi dolara.

Brojevi nisu dopušteni kao prvi znak.
Na ovaj način JavaScript može lako razlikovati identifikatore od brojeva.

Svi JavaScript identifikatori razlikuju velika i mala slova.

Varijable Prezime i PREZIME dvije su različite varijable.

JavaScript ne tumači VAR ili Var kao ključnu riječ var.

Povijesno gledano, programeri su koristili tri načina za kombiniranje više riječi u jedno ime varijable:

Crtice:

ime, prezime, master-card, inter-city.

Crtice nisu dopuštene u JavaScriptu. Namijenjen je oduzimanjima.

Podvlaka:

ime, prezime, glavna_kartica, međugradska.

Camel torbica:

Ime, Prezime, MasterCard, InterCity.

U programskim jezicima, posebno JavaScriptu, velika slova često počinju malim slovom:

Ime, Prezime, masterCard, interCity.

JavaScript koristi skup znakova Unicode.

Unicode pokriva (gotovo) svaki znak, interpunkciju i glif na svijetu.

JavaScript je jezik i ima svoju sintaksu koju bi bilo dobro poznavati.
JavaScript program sastoji se od rečenica koje su odvojene točkom i zarezom.

Ponekad možete propustiti točku-zarez i izvući se s tim, ali ne uvijek. Stoga, u slučajevima kada se kraj rečenice podrazumijeva, bolje je ne zaboraviti ga staviti.

Ako nenamjerno izostavite točku-zarez, razmake ili iz nekog drugog razloga vaš kod nema stil (a to je važno!), onda preporučujem ESLint.

Ponude se sastoje od:

• Vrijednosti
• Operatori
• Izrazi
• Ključne riječi
• Komentari

Postoje dvije vrste vrijednosti u JavaScriptu: varijable i literali.

Varijable se koriste za pohranu vrijednosti. JavaScript koristi ključnu riječ var za deklariranje varijabli.
Varijable možemo deklarirati na tri načina:

• Korištenje ključne riječi var. Na primjer, var y = 56;
• Jednostavno dodjeljivanjem vrijednosti. Na primjer, y = 56;
  Ali ova opcija je nepoželjna, jer u ovom slučaju varijabla postaje globalna.
  Zašto je globalna varijabla loša? Makar samo zato što, postajući globalna, izmiče kontroli opsega funkcije. Može se promijeniti drugim kodom ili može sam prepisati vrijednost u tuđem kodu
• Korištenje ključne riječi let.
  Jer U JavaScriptu (prije ECMAScript 6) ne postoji opseg unutar bloka, uveden je neka, što vam omogućuje da deklarirate varijable s opsegom - blok.
  Na primjer, if (true) (neka y = 4;) console.log(y); // ReferenceError: y nije definiran

  Možete vidjeti trenutnu podršku za ES6.

Literali su fiksne vrijednosti. To uključuje tipove podataka kao što su null, Boolean, Number, Object, String.
Na primjer, kada deklariramo niz, dio koji dolazi nakon znaka jednakosti je literal niza.

Var hrana = ['sir','potates','cucumber'];

A hrana je varijabla.

Brojevi se pišu sa ili bez decimalnih mjesta.

10.50 1001

Kako bi tumač razumio što točka znači - poziv metode ili pokretni zarez, moramo ga upitati na jedan od sljedećih načina:

1..toString() 1 .toString() // razmak prije točke (1).toString() 1.0.toString()

String - tekst napisan dvostrukim ili jednostrukim navodnicima.

"Ja sam žica" "I ja sam žica"

Uglavnom, trebate odlučiti koje navodnike koristiti i slijediti svoj izbor dok pišete kod.

Prema zadanim postavkama ESLint postavke čak daju izbor na temelju čijih će se rezultata kod provjeriti.

Ime koje dajemo varijablama, funkcijama i svojstvima naziva se identifikator.
Može sadržavati samo alfanumeričke znakove, "$" i "_".
Kako se identifikator razlikuje od niza?

String je podatak, a identifikator je dio koda.

Var prezime = “Smit”;

“Smit” je jedinstven podatak - string literal, dok je prezime pohrana te vrijednosti.
Imajte na umu da crtica nije dopuštena u identifikatoru jer se koristi za oduzimanje.

Izraz je kombinacija vrijednosti, varijabli, operatora koja izračunava vrijednost.
Na primjer, izraz 3 * 5 daje vrijednost 15.
Izraz može sadržavati i varijablu
x*4
Naravno, vrijednosti mogu biti i nizovi.
Na primjer izraz:

"Dan" + " je " + "sunčan" //izračunat u niz "Dan je sunčan".

Izrazi se mogu podijeliti na one koji varijabli dodjeljuju vrijednost i one koji jednostavno izračunavaju vrijednosti.
Prvi slučaj:

i drugo:

Inače, čim dodamo točku i zarez, više nemamo izraz, nego rečenicu!

Var x = 56;

Zarez procjenjuje oba operanda i vraća pravu vrijednost.

Var x = 0; var y = (x++, 4); konzola.log(x); //1 konzola.log(y); //4

Izrazi daju vrijednost i mogu se napisati bilo gdje gdje se očekuje vrijednost. Na primjer, argument u pozivu funkcije ili desna strana dodjele.

Svaki od sljedeće retke sadrži izraz:

X x + 6 promjena niza ("a", "b")

Gdje god js očekuje rečenicu, možete napisati i izraze.
Takva se rečenica naziva uputom-izrazom.

Ali ne možete napisati rečenicu u kojoj js pretpostavlja izraz. Na primjer, klauzula IF ne može postati argument funkcije.

Pogledajmo klauzulu IF i uvjetnu izjavu, koja je izraz.

Var rezultat; if (x > 0) (rezultat = " Pozitivan broj"; ) else ( rezultat = "Negativan broj"; )

Ekvivalent:

Var result = (x > 0 ? "Pozitivan broj" : "Negativan broj");

Između znaka = i ; izraz.
Kako bi se spriječila dvosmislenost u raščlanjivanju, JS ne dopušta korištenje literala objekata i funkcijskih izraza kao klauzula.

Iz ovoga proizlazi da izrazne rečenice ne bi trebale počinjati s:

• vitičaste zagrade
• s ključnom riječi funkcije

Ako izraz počinje s jednim ili drugim, tada ga treba napisati u kontekstu izraza.
Da biste to učinili, izraz se stavlja u zagrade.

Recimo da želimo deklarirati anonimni funkcijski izraz, a zatim pišemo ovako:

(funkcija())(vrati "spremno!")());

Pogledajmo kako će se ova funkcija razlikovati od deklaracije funkcije kao što je

Funkcija getReady() ( vraća "spremno!")

• Očito, onaj anonimni nema ime. Ali može i biti, tada će to biti izraz imenovane funkcije.
• Deklaraciju funkcije kreira interpreter prije nego što se kod izvrši, dok se izraz funkcije kreira tek tijekom izvođenja.
• Stoga funkcije izraza nisu dostupne dok se ne deklariraju.

Što ako to ovako napišemo?

Pripremi se(); var getReady = function())( return "spremno!"; ) getReady();

U prvom redu dobivamo pogrešku: TypeError: getReady nije funkcija
Peta će nam prikazati "spremno", jer je funkcija već deklarirana.
Ova pojava se zove hoisting, zašto se javlja je opisano u postu o.

Kada uči pisati, osoba mora naučiti osnove pravopisa, gramatike i pravopisa. Na primjer, svi znaju da rečenica počinje velikim slovom i završava točkom, tekst je podijeljen na odlomke 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 izgrađeni su na istim konceptima, ali koriste različitu sintaksu.

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

Funkcionalnost i čitljivost vrlo su važni aspekti JavaScript sintakse na koje se treba posebno usredotočiti.

Neka pravila sintakse obavezna su za JavaScript kôd. Ako nisu zadovoljeni, konzola će izbaciti pogrešku i skripta će se prestati izvoditi.

Razmotrite ovu pogrešku u programu "Hello, World!".

// Primjer pokvarenog JavaScript programa
console.log("Zdravo, svijete!"

Nedostaje završna zagrada na kraju, pa umjesto retka "Hello, World!" program će vratiti grešku:

Uncaught SyntaxError: nedostaje) nakon popisa argumenata

Kako bi se skripta nastavila izvoditi, morate dodati zagradu za zatvaranje. Ovo je greška u JavaScript sintaksa može utjecati na rad programa.

Neki aspekti JavaScript sintakse i oblikovanja dolaze iz različitih perspektiva. Jednostavno rečeno, postoje stilska pravila i varijacije koje su izborne i ne uzrokuju pogreške prilikom pokretanja koda. Međutim, postoje i mnoge općenite konvencije koje je mudro pratiti kako bi razvijači projekata i kodova bili svjesni ažuriranja stila i sintakse. Slijeđenje uobičajenih konvencija poboljšat će čitljivost vašeg koda.

Razmotrite sljedeće tri opcije za dodjeljivanje vrijednosti varijabli:

const pozdrav="Zdravo"; // nema razmaka između varijable i niza
const pozdrav = "Zdravo"; //pretjeran razmak nakon dodjele
const pozdrav = "Zdravo"; // jedan razmak između varijable & niza

Sva tri retka iznad radit će isto. Ali treća opcija (pozdrav = "Zdravo") daleko je 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 cjelovitost i dosljednost cjelokupnog programskog koda.

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

JavaScript znakovi razmaka su razmaci, tabulatori i novi redovi (ova radnja se izvodi tipkom Enter). Kao što je ranije prikazano, JavaScript interpreter zanemaruje višak bjeline izvan retka, bjeline između operatora i druge znakove. To znači da će sljedeća tri primjera dodjele varijabli imati isti rezultat:

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

Varijabla userLocation imat će vrijednost "New York City, NY" bez obzira na stil dodjele za tu vrijednost. Za JavaScript nije važno koji se razmaci 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ši za čitanje od:

Važan izuzetak od ovog pravila je dodjela višestrukih varijabli. Obratite pozornost na položaj = u sljedećem primjeru:

const naziv tvrtke = "Moja tvrtka";
const companyHeadquarters = "New York City";
const companyHandle = "moja tvrtka";

Svi operatori dodjele (=) poredani su u jedan red pomoću razmaka. Ovu vrstu strukture ne koriste sve baze kodova, ali može poboljšati čitljivost.

Dodatni prijelomi redaka također se zanemaruju u JavaScriptu. U pravilu, dodatni prazne linije umeću se iznad komentara i iza bloka koda.

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

// Primjer sintakse naredbe if
ako () ( )
// Provjerite matematičku jednadžbu i ispišite niz na konzolu
ako (4< 5) {
console.log("4 je manje od 5.");
}
// Primjer sintakse for petlje
za () ( )
// Ponavljanje 10 puta, ispisivanje svakog broja ponavljanja na konzolu
za (neka je i = 0; i 0) (
kvadrat (broj);
}

Budite oprezni jer nije sav kod sadržan u naramenice, ne zahtijeva točku i zarez. Objekti se nalaze u vitičastim zagradama i moraju završavati točkom i zarezom.

// Primjer objekta
const ime objekta = ();
// Inicijaliziraj objekt trokut
const trokut = (
tip: "desno",
kut: 90,
strane: 3,
};

Uobičajena je praksa staviti točku i zarez iza svake izjave i JavaScript izrazi, osim onih koji završavaju u vitičastim zagradama.

Tehnički, sav kod u JavaScript programu može se staviti u jedan redak. Ali takav kod je vrlo teško čitati i održavati. Stoga je program podijeljen u linije.

Na primjer, naredba if/else može se napisati u jednom retku ili se može podijeliti:

// Uvjetna izjava napisana u jednom retku
if (x === 1) ( /* izvrši kod ako je istina */ ) else ( /* izvrši kod ako je laž */ )
// Uvjetni iskaz s uvlačenjem
ako (x === 1) (
// izvrši kod ako je istinit
) inače (
// izvrši kod ako je false
}

Imajte na umu: svaki kod uključen u blok je uvučen. Možete se uvući koristeći dva razmaka, četiri razmaka ili tabulatore. Izbor metode uvlačenja ovisi isključivo o osobnim preferencijama ili preporukama vaše organizacije.

Otvorena zagrada na kraju prvog reda - uobičajeni način strukturiranje JavaScript operatora i objekata. Ponekad se zagrade stavljaju u zasebne retke:

// Uvjetna naredba s vitičastim zagradama u novim recima
ako (x === 1)
{
// izvrši kod ako je istinit
}
drugo
{
// izvrši kod ako je false
}

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

Ugniježđene izjave moraju biti odvojene:

// Inicijaliziranje funkcije
funkcija je JednakoJedan(x) (
// Provjerite je li x jednako jedan
ako (x === 1) (
// nakon uspjeha vrati istinito
vratiti istinito;
) inače (
vratiti lažno;
}
}

Pravilno uvlačenje čini kôd čitljivim. Jedina iznimka od ovog pravila koju treba imati na umu jest da komprimirane biblioteke uklanjaju sve nepotrebne simbole kako bi se smanjila veličina datoteke.

Imena varijabli, funkcija ili svojstava u JavaScriptu nazivaju se identifikatorima. Identifikatori se sastoje od slova i brojeva, ali ne mogu sadržavati znakove izvan $ i _ i ne mogu započeti brojem.

Imena su osjetljiva na velika i mala slova. To jest, moja varijabla i moja varijabla će se tretirati kao dvije različite varijable.

var moja varijabla = 1;
var moja varijabla = 2;

Prema općoj konvenciji, imena se pišu velikim slovom: prva riječ se piše malim slovom, ali svaka sljedeća riječ počinje velikim slovom. Upisuju se globalne varijable ili konstante velika slova a odvojeni su podvlakom.

const STOPA_OSIGURANJA = 0,4;

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

// Inicijaliziraj klasu
klasa PrimjerKlasa (
konstruktor()
}

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

Identifikatori također ne smiju sadržavati nikakve rezervirane ključne riječi. Ključne riječi su JavaScript riječi koje imaju ugrađenu funkciju. 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, pa će izbaciti pogrešku:

SyntaxError: Neočekivani token (1:4)

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

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

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

JavaScript kod

Oznaka skripte sadrži dva važna atributa -

• Jezik - Ovaj atribut označava koji skriptni jezik koristite. Obično će njegova vrijednost biti javascript. Iako nedavno HTML verzije(i XHTML, njegov nasljednik) prestali su koristiti ovaj atribut.
• Tip. Ovaj se atribut sada preporučuje za označavanje korištenog skriptnog jezika, a njegova bi vrijednost trebala biti postavljena na "text/javascript".

Vaš bi JavaScript segment izgledao ovako:

JavaScript kod

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

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

Ovaj kod će dati sljedeći rezultat:

Pozdrav svijete!

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

U jednostavne upute u JavaScriptu obično slijedi točka sa zarezom, kao u C, C++ i Javi. JavaScript vam, međutim, omogućuje preskakanje ove točke i zareza ako svaku svoju izjavu stavite u zaseban redak. Na primjer, sljedeći kod bi se mogao napisati bez točke-zareza.

Ali kada ovako formatirate u jednom retku, morate koristiti točku-zarez -

Bilješka. Dobra je programska praksa koristiti točku i zarez.

JavaScript je jezik koji razlikuje velika i mala slova. To znači da se ključne riječi, varijable, nazivi funkcija i svi drugi identifikatori uvijek moraju unositi dosljednim velikim slovom.

Tako će identifikatori Time i TIME prenijeti različita značenja JavaScriptu.

BILJEŠKA. Trebali biste biti oprezni kada pišete nazive varijabli i funkcija u JavaScriptu.