JavaScript programma ir instrukciju (paziņojumu) secība. Dažreiz instrukcijas sauc arī par JavaScript komandām.

Lai programma darbotos, tā ir jāpalaiž. Ja programma ir klienta skripts, pārlūkprogramma to palaiž automātiski, bet tikai tad, ja, protams, tas ir iekļauts lapas kodā. Pārlūkprogramma izpilda programmu, parasti tīmekļa lapas ielādes laikā.

Rakstot instrukcijas, tās jāatdala ar semikolu. JavaScript ļauj izlaist semikolu priekšraksta beigās, ja nākamā instrukcija sāksies ar jauna līnija.

Ja nākamais priekšraksts tiks rakstīts jaunā rindā, JavaScript nav obligāti jāpabeidz ar semikolu, taču tas ir ļoti ieteicams. Vēlams arī katru instrukciju ievietot atsevišķā rindā.

JavaScript instrukcijas sastāv no: vērtībām, operatoriem, izteiksmēm, atslēgvārdiem un komentāriem.

Piemēram, šī instrukcija liek pārlūkprogrammai ierakstīt "Sveika, pasaule!" iekšā HTML elements ar id="main":

Document.getElementById("main").textContent = "Sveika, pasaule!";

JavaScript nozīmes

JavaScript sintakse definē šādus vērtību veidus: fiksētās vērtības (literāli), nemainīgās vērtības un mainīgās vērtības.

Literālu piemēri, lai attēlotu dažādas JavaScript vērtības:

17 // vesels skaitlis literāls 23.8 // daļskaitļu literāls "HTML" // string literāls "HTML" // string literāls true // Būla literāls // masīva literāls // masīva literāls () // objekta literāls ( nosaukums: "Deniss" , valoda: "ru" ) // objektu literāls (ab|bc) // regulārā izteiksme literāls

Programmēšanas valodās datu vērtību saglabāšanai tiek izmantotas konstantes un mainīgie.

To izmanto konstantu deklarēšanai atslēgvārds const, mainīgie – var un let.

Const MAX_LENGTH = 17; // konstante var section = "HTML"; // mainīgais let arr = ["HTML","CSS"]; // mainīgais

Let ir jauns veids, kā deklarēt mainīgos, kas parādījās kopš versijas ES-2015 (ES6). Let atšķiras no var ar to, ka mainīgajam, kas deklarēts, izmantojot let, ir atšķirīgs tvērums (bloka darbības joma), kā arī ar to, ka tam var piekļūt tikai pēc tā izveides.

JavaScript operatori

JavaScript ir daudz dažādu operatoru. Tie norāda operāciju, kas jāveic.

Atkarībā no operandu skaita, ar kuriem operators darbojas, tos iedala binārajos un unārajos. Bet JavaScript ir arī nosacījuma operators, kas sastāv no 3 operandiem. Šo operatoru sauc par trīskāršu.

Piemēram, piešķiršanas operators (= zīme):

// operand1 = operand2; coorX = 100; // piemēram, coordX mainīgajam piešķiriet skaitli 100

Šis operators tiek izmantots, lai piešķirtu (iestatītu) operandu1 tai pašai vērtībai kā operandam2.

Piešķiršanas operators ir binārs, jo tas darbojas ar diviem operandiem.

Piemēram, palielināšanai tiek izmantots pieauguma operators (++ zīme). skaitliskā vērtība operands pie 1:

Var skaitlis = 5; ++numurs; // 6

Pieauguma operators ir unārs, jo tas darbojas ar vienu operandu.

JavaScript izteiksmes

Izteiksme ir vērtību, mainīgo un operatoru kombinācija, kas vai nu piešķir mainīgajam vērtību, vai atgriež vērtību, to nepiešķirot.

Piemēram, izteiksme num = 955.47 izmanto operatoru =, lai mainīgajam skaitlim piešķirtu vērtību 7.

Piemēram, izteiciens "Sveiki, " + "Timofejs" izmanto operatoru +, lai bez piešķiršanas pievienotu virknes "Sveiki", un "Timofejs".

JavaScript atslēgvārdi

JavaScript norādījumi bieži sākas ar atslēgvārdu. Tas (atslēgvārds) ir paredzēts, lai noteiktu, kāda JavaScript darbība ir jāveic.

Piemēram, atslēgvārds var liek pārlūkprogrammai izveidot mainīgos:

Var coordX = 5, coordY = 130;

Dažu atslēgvārdu saraksts: pārtraukums, turpināt, darīt ... kamēr, priekš, funkcija, ja ... cits, atgriezties, pārslēgt, mēģināt ... noķert, var.

Komentāri JavaScript

Ne visi JavaScript priekšraksti ir izpildāmi.

Kods pēc dubultās slīpsvītras // vai starp /* un */ tiek uzskatīts par komentāru.

Komentāri tiek ignorēti un netiek izpildīti:

Var virziens = "augšā"; // vienas rindiņas komentārs // var speed = 10; šī instrukcija netiks izpildīta /* Funkcija, kas elementam pievieno parādīšanas klasi ar id="myBtn" */ funkciju showBtn() ( document.getElementById("myBtn").classList.add("show"); )

// - ir vienas rindiņas komentārs, t.i. jebkurš teksts starp // un rindas beigām tiks ignorēts JavaScript (netiks izpildīts).

/* */ ir vairāku rindiņu komentārs, jebkurš teksts starp /* un */ tiks ignorēts JavaScript.

JavaScript instrukciju bloks

JavaScript instrukcijas var grupēt, izmantojot bloku (cirtainās figūriekavas (...)).

Parasti izmanto funkcijās, vadības struktūrās (for, while) utt.

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

Reģistrjutība

JavaScript ir reģistrjutīga valoda. Tas nozīmē, ka atslēgvārdos, mainīgajos, funkciju nosaukumos un citos valodas identifikatoros ir jāsatur viena un tā pati lielo un mazo burtu kopa. Piemēram, brīdinājuma metode ir jāievada tikai kā brīdinājums , nevis Alert , ALERT utt.

Atstarpes JavaScript

JavaScript ignorē vairākas atstarpes. Skriptam varat pievienot atstarpes, lai padarītu to lasāmāku.

Šādas rindas ir līdzvērtīgas:

Var str = "Teksts"; var str="Teksts";

Koda līnijas garums

Ja JavaScript instrukcija ir gara, ieteicams to lauzt. Vairumā gadījumu labāk ir lauzt instrukciju pēc kāda operatora.

Piemēram:

Document.getElementById("aside__nav_header").innerHTML = "Papildu navigācija (pēc sadaļas)";

• nosaukums, kas sastāv no viena vārda, jāraksta ar mazajiem burtiem (piemēram: raksts);
• nosaukums, kas sastāv no vairākiem vārdiem, jāraksta ar mazajiem burtiem kopā, izņemot burtus vārdu savienojuma vietā, tie jāraksta ar lielajiem burtiem (piemēram: articleTitle);
• vārdu skaits nosaukumā nedrīkst pārsniegt 3 (piemēram: articleDatePublishedon)
• mainīgajiem (nav funkciju glabāšanai) un objektu īpašībām jābūt lietvārdiem (piemēram: textComment);
• masīvi un vērtību kolekcijas ir jānorāda ar lietvārdiem daudzskaitlis(piemēram: lastComments);
• objektu funkcijas un metodes jānosauc ar darbības vārdiem (piemēram: getLastArticles);
• klašu nosaukumiem jāsākas ar lielo burtu (piemēram: Komentāri).

JavaScript var ieviest, izmantojot JavaScript operatori, kas tiek ievietoti HTML tagi skripts ... /skripts tīmekļa lapā.

Jūs varat ievietot skripta tagus, kas satur jūsu JavaScript jebkur savā tīmekļa lapā, taču parasti ir ieteicams tos saglabāt head tagos.

Skripta tags brīdina pārlūkprogrammu, lai sāktu visu tekstu starp šiem tagiem interpretēt kā skriptu. Vienkāršā JavaScript sintakse izskatītos šādi.

JavaScript kods

Skripta tagā ir divi svarīgi atribūti -

• Valoda — šis atribūts norāda, kādu skriptu valodu izmantojat. Parasti tā vērtība ir javascript. Lai gan jaunākās HTML versijas (un XHTML, tās pēctecis) ir pārtraukušas izmantot šo atribūtu.
• Tips. Šis atribūts tagad ir ieteicams, lai norādītu izmantoto skriptu valodu, un tā vērtība ir jāiestata uz "text/javascript".

Tātad jūsu JavaScript segments izskatītos šādi:

JavaScript kods

Jūsu pirmais JavaScript skripts

Ņemsim par piemēru izdruku "Sveika pasaule". Mēs pievienojām papildu komentārs HTML, kas ieskauj mūsu JavaScript kodu. Tas ir paredzēts, lai saglabātu mūsu kodu no pārlūkprogrammas, kas neatbalsta JavaScript. Komentārs beidzas ar "// ->". Šeit "//" nozīmē komentāru JavaScript, tāpēc mēs to pievienojam, lai pārlūkprogramma nevarētu nolasīt HTML komentāra beigas kā JavaScript koda daļu. Pēc tam mēs izsaucam funkciju document.write, kas ieraksta virkni mūsu HTML dokumentā.

Šo funkciju var izmantot, lai rakstītu tekstu, HTML vai abus. Apskatiet tālāk norādīto kodu.

Šis kods sniegs šādu rezultātu:

Sveika pasaule!

Atstarpes un rindu pārtraukumi

JavaScript ignorē atstarpes, cilnes un jaunās rindiņas, kas parādās JavaScript programmās. Programmā varat brīvi izmantot atstarpes, cilnes un jaunās rindiņas, kā arī varat formatēt un veidot atkāpi programmām glītā un konsekventā veidā, padarot kodu viegli lasāmu un saprotamu.

Semikoli JavaScript

IN vienkāršas instrukcijas JavaScript valodā tam parasti seko semikolu, tāpat kā C, C++ un Java. Tomēr JavaScript ļauj izlaist šo semikolu, ja katru apgalvojumu ievietojat atsevišķā rindā. Piemēram, šādu kodu var rakstīt bez semikolu.

Bet, šādi formatējot vienā rindā, jums ir jāizmanto semikoli -

Piezīme. Laba prakse programmēšana ir izmantot semikolu.

Reģistrjutība

JavaScript ir reģistrjutīga valoda. Tas nozīmē, ka atslēgvārdi, mainīgie, funkciju nosaukumi un jebkuri citi identifikatori vienmēr jāievada ar konsekventu lielo burtu.

Tātad laika un LAIKA identifikatori nodos dažādas JavaScript nozīmes.

PIEZĪME. Jums jābūt uzmanīgiem, rakstot mainīgo un funkciju nosaukumus JavaScript.

Mācoties rakstīt, cilvēkam jāapgūst pareizrakstības, gramatikas un pareizrakstības pamati. Piemēram, visi zina, ka teikums sākas ar lielais burts un beidzas ar punktu, teksts ir sadalīts rindkopās utt.

Programmēšanas valodas darbojas līdzīgi: lai programma darbotos, ir jāievēro noteikti noteikumi. Noteikumu kopu, kas nosaka programmēšanas valodu struktūru, sauc par sintaksi. Daudzas programmēšanas valodas ir balstītas uz tiem pašiem jēdzieniem, bet izmanto atšķirīgu sintaksi.

Šī apmācība iepazīstinās jūs ar sintakses un koda strukturēšanas pamatiem JavaScript.

Funkcionalitāte un lasāmība

Funkcionalitāte un lasāmība ir ļoti svarīgi JavaScript sintakses aspekti, uz kuriem jākoncentrējas atsevišķi.

Daži sintakses noteikumi ir obligāti JavaScript kodam. Ja tie netiek izpildīti, konsole parādīs kļūdu un skripts pārtrauks darboties.

Apsveriet šo kļūdu programmā “Sveika, pasaule!”.

// Bojātas JavaScript programmas piemērs
console.log("Sveika, pasaule!"

Beigās trūkst noslēdzošās iekavas, tāpēc rindas "Sveika, pasaule!" programma atgriezīs kļūdu:

Nenoķerta sintakses kļūda: trūkst) pēc argumentu saraksta

Lai ļautu skriptam turpināt darboties, jums jāpievieno noslēdzošā iekava. Tādā veidā JavaScript sintakses kļūda var ietekmēt programmas darbību.

Daži JavaScript sintakses un formatēšanas aspekti nāk no dažādām perspektīvām. Vienkārši sakot, ir stilistiski noteikumi un varianti, kas nav obligāti un neizraisa kļūdas, palaižot kodu. Tomēr ir arī daudzas vispārīgas konvencijas, kurām ir prātīgi sekot līdzi, lai projektu un koda izstrādātāji būtu informēti par stila un sintakses atjauninājumiem. Ievērojot parastās konvencijas, tiks uzlabota koda lasāmība.

Apsveriet šādas trīs iespējas, lai mainīgajam piešķirtu vērtību:

const sveiciens="Sveiks"; // starp mainīgo un virkni nav atstarpes
const greeting = "Sveiki"; //pārmērīgs atstarpes pēc piešķiršanas
const greeting = "Sveiki"; // viena atstarpe starp mainīgo un virkni

Visas trīs iepriekš minētās rindas darbosies tāpat. Bet trešā iespēja (sveiciens = "Sveiki") ir visizplatītākais un lasāmākais koda rakstīšanas veids, it īpaši, ja to aplūko lielākas programmas kontekstā.

Ir ļoti svarīgi uzraudzīt visa programmas koda integritāti un konsekvenci.

Tālāk apskatīsim dažus piemērus, lai iepazītos ar JavaScript koda sintaksi un struktūru.

Atstarpes rakstzīmes

JavaScript atstarpes ir atstarpes, tabulēšanas zīmes un rindu plūsmas (šo darbību veic, izmantojot taustiņu Enter). Kā parādīts iepriekš, JavaScript tulks ignorē lieko atstarpi ārpus rindas, atstarpi starp operatoriem un citas rakstzīmes. Tas nozīmē, ka šādiem trim mainīgo piešķiršanas piemēriem būs vienāds rezultāts:

const userLocation = "Ņujorkas pilsēta, " + "NY";
const userLocation="Ņujorkas pilsēta, "+"NY";
const userLocation = "Ņujorkas pilsēta, " + "NY";

Mainīgajam userLocation būs vērtība "New York City, NY" neatkarīgi no šīs vērtības piešķiršanas stila. JavaScript gadījumā nav nozīmes tam atstarpes rakstzīmes tiek izmantoti.

Programmu rakstīšanā ir viens pārbaudīts noteikums: lietojot atstarpes, ievērojiet tos pašus noteikumus, ko izmantojat matemātikā vai gramatikā. Piemēram, rinda:

vieglāk lasīt nekā:

Svarīgs šī noteikuma izņēmums ir vairāku mainīgo piešķiršana. Ņemiet vērā pozīciju = šādā piemērā:

const companyName = "Mans uzņēmums";
const companyHeadquarters = "Ņujorkas pilsēta";
const companyHandle = "mans uzņēmums";

Visi piešķiršanas operatori (=) ir līdzināti vienā rindā, izmantojot atstarpes. Šāda veida struktūra netiek izmantota visās kodu bāzēs, taču tā var uzlabot lasāmību.

JavaScript tiek ignorēti arī papildu rindiņu pārtraukumi. Kā likums, papildus tukšas rindas ir ievietoti virs komentāra un aiz koda bloka.

Apaļās kronšteini

Atslēgvārdos, piemēram, if, switch un for, pirms un pēc iekavām parasti ir atstarpes. Apsveriet šādu piemēru:

// If priekšraksta sintakses piemērs
ja () ( )
// Pārbaudiet matemātikas vienādojumu un izdrukājiet virkni konsolē
ja (4< 5) {
console.log("4 ir mazāks par 5.");
}
// For cilpas sintakses piemērs
priekš () ( )
// Atkārtojiet 10 reizes, izdrukājot katru iterācijas numuru konsolē
for (lai i = 0; i 0) (
kvadrāts(skaitlis);
}

Esiet piesardzīgs, jo ne visam kodam, kas ietverts cirtainajās iekavās, nav nepieciešams semikolu. Objekti ir ievietoti cirtainos lencēs, un tiem jābeidzas ar semikolu.

// Piemēra objekts
const objektaNosaukums = ();
// Inicializēt trīsstūra objektu
const trīsstūris = (
tips: "pa labi",
leņķis: 90,
malas: 3,
};

Ierasta prakse ir ievietot semikolu aiz katra JavaScript priekšraksta un izteiksmes, izņemot tos, kas beidzas ar krokainajām iekavām.

Koda strukturēšana

Tehniski visu JavaScript programmas kodu var ievietot vienā rindā. Bet šādu kodu ir ļoti grūti lasīt un uzturēt. Tāpēc programma ir sadalīta rindās.

Piemēram, if/else priekšrakstu var ierakstīt vienā rindā vai arī to var sadalīt:

// Nosacīts paziņojums, kas rakstīts vienā rindā
if (x === 1) ( /* izpildīt kodu, ja patiess */ ) else ( /* izpildīt kodu, ja nepatiess */ )
// Nosacījuma paziņojums ar atkāpi
ja (x === 1) (
// izpildīt kodu, ja patiess
) cits (
// izpildīt kodu, ja tas ir nepatiess
}

Lūdzu, ņemiet vērā: jebkurš blokā iekļautais kods ir ar atkāpi. Atkāpi var veikt, izmantojot divas atstarpes, četras atstarpes vai tabulēšanas zīmes. Atkāpes metodes izvēle ir atkarīga tikai no personīgās izvēles vai jūsu organizācijas ieteikumiem.

Atvērtas iekavas pirmās rindas beigās ir izplatīts veids, kā strukturēt JavaScript paziņojumus un objektus. Dažreiz iekavas tiek novietotas atsevišķās rindās:

// Nosacījuma paziņojums ar lencēm jaunās rindiņās
ja (x === 1)
{
// izpildīt kodu, ja patiess
}
cits
{
// izpildīt kodu, ja tas ir nepatiess
}

JavaScript, tāpat kā citās valodās, šī struktūra tiek izmantota reti.

Ligzdotie priekšraksti ir jāatdala:

// Inicializēt funkciju
funkcija irEqualToOne(x) (
// Pārbaudiet, vai x ir vienāds ar vienu
ja (x === 1) (
// par panākumiem, atgriezties patiess
atgriezt patiesu;
) cits (
return false;
}
}

Pareiza atkāpe padara kodu lasāmu. Vienīgais izņēmums no šī noteikuma, kas jāpatur prātā, ir tas, ka saspiestās bibliotēkas noņem visus nevajadzīgos simbolus, lai samazinātu faila lielumu.

Identifikatori

JavaScript mainīgo, funkciju vai rekvizītu nosaukumus sauc par identifikatoriem. Identifikatori sastāv no burtiem un cipariem, taču tie nedrīkst saturēt rakstzīmes, kas pārsniedz $ un _, un nevar sākties ar cipariem.

Reģistrjutība

Vārdi ir reģistrjutīgi. Tas ir, myVariable un myvariable tiks uzskatīti par diviem dažādiem mainīgajiem.

var myVariable = 1;
var myvariable = 2;

Pēc vispārējas vienošanās vārdus raksta kamieļa burtā: pirmais vārds tiek rakstīts ar mazo burtu, bet katrs nākamais vārds sākas ar lielo burtu. Globālie mainīgie vai konstantes tiek rakstīti ar lielajiem burtiem un atdalīti ar pasvītrojumiem.

const APDROŠINĀŠANAS_LIKMS = 0,4;

Izņēmums no šī noteikuma ir klašu nosaukumi, kur katrs vārds parasti sākas ar lielo burtu (PascalCase).

// Inicializēt klasi
klase PiemērsClass (
konstruktors ()
}

Lai nodrošinātu koda lasāmību, visos programmas failos konsekventi jāizmanto identifikatori.

Rezervētie atslēgvārdi

Identifikatoros nedrīkst būt arī rezervēti atslēgvārdi. Atslēgvārdi ir JavaScript vārdi, kuriem ir iebūvēta funkcionalitāte. Tie ietver var, if, for un this.

Piemēram, jūs nevarat piešķirt vērtību mainīgajam ar nosaukumu var.

var var = "Kāda vērtība";

JavaScript zina atslēgvārdu var, tāpēc tas radīs kļūdu:

Sintakses kļūda: negaidīts marķieris (1:4)