Et JavaScript-program er en sekvens av instruksjoner (utsagn). Noen ganger kalles instruksjoner også JavaScript-kommandoer.

For at programmet skal kjøre, må det startes. Hvis programmet er et klientskript, startes det automatisk av nettleseren, men bare hvis det selvfølgelig er tilstede i sidekoden. Nettleseren kjører programmet, vanligvis under lasting av en nettside.

Når du skriver instruksjoner, må de skilles med semikolon. JavaScript lar deg utelate et semikolon på slutten av en setning if neste instruksjon vil begynne med ny linje.

Avslutning av setninger med semikolon i JavaScript er ikke nødvendig hvis neste setning skal skrives på en ny linje, men det anbefales på det sterkeste. Det er også tilrådelig å plassere hver instruksjon på en egen linje.

JavaScript-instruksjoner består av: verdier, operatorer, uttrykk, nøkkelord og kommentarer.

For eksempel ber denne instruksjonen nettleseren om å skrive "Hei, verden!" innsiden HTML-element med id="main":

Document.getElementById("main").textContent = "Hei, verden!";

JavaScript betydninger

JavaScript-syntaks definerer følgende typer verdier: faste verdier (bokstaver), konstante verdier og variable verdier.

Eksempler på bokstaver som representerer forskjellige verdier i JavaScript:

17 // heltall literal 23.8 // brøktall literal "HTML" // string literal "HTML" // string literal sann // boolsk literal // array literal // array literal () // objekt literal ( navn: "Dennis " , språk: "ru") // objekt bokstavelig (ab|bc) // regulært uttrykk bokstavelig

I programmeringsspråk brukes konstanter og variabler til å lagre dataverdier.

For å erklære konstanter brukes det nøkkelord const, variabler – var og let.

Konst MAX_LENGTH = 17; // konstant var seksjon = "HTML"; // variabel la arr = ["HTML","CSS"]; // variabel

let er en ny måte å deklarere variabler som har dukket opp siden versjon ES-2015 (ES6). Let skiller seg fra var ved at en variabel som er erklært ved hjelp av let har et annet omfang (blokkomfang), og også ved at den kun kan åpnes etter at den er opprettet.

JavaScript-operatører

Det er mange forskjellige operatører i JavaScript. De indikerer operasjonen som må utføres.

Avhengig av antall operander som operatøren opererer med, er de delt inn i binære og unære. Men JavaScript har også en betinget operator, som består av 3 operander. Denne operatoren kalles ternær.

For eksempel, tildelingsoperatøren (= tegn):

// operand1 = operand2; coorX = 100; // tilordne for eksempel tallet 100 til coordX-variabelen

Denne operatoren brukes til å tilordne (sette) operand1 til samme verdi som operand2.

Oppdragsoperatøren er binær fordi den opererer på to operander.

For eksempel brukes inkrementoperatoren (++-tegnet) til å øke numerisk verdi operand på 1:

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

Inkrementoperatoren er unær fordi den opererer på en operand.

JavaScript-uttrykk

Et uttrykk er en kombinasjon av verdier, variabler og operatorer som enten tildeler en verdi til en variabel eller returnerer en verdi uten å tilordne den.

For eksempel bruker uttrykket num = 955,47 operatoren = for å tilordne verdien 7 til variabelen num.

For eksempel bruker uttrykket "Hei, " + "Timofey" +-operatoren for å legge til strengene "Hello," og "Timofey" uten tilordning.

JavaScript nøkkelord

JavaScript-instruksjoner begynner ofte med et nøkkelord. Det (søkeord) er ment å bestemme hvilken JavaScript-handling som må utføres.

For eksempel ber nøkkelordet var nettleseren lage variabler:

Var coordX = 5, coordY = 130;

Liste over noen nøkkelord: break, continue, do ... while, for, function, if ... else, return, switch, try ... catch, var.

Kommentarer i JavaScript

Ikke alle JavaScript-setninger er kjørbare.

Kode etter doble skråstreker // eller mellom /* og */ behandles som en kommentar.

Kommentarer blir ignorert og ikke utført:

Var retning = "topp"; // enlinjekommentar // var speed = 10; denne instruksjonen vil ikke bli utført /* Funksjon som legger showklassen til elementet med id="myBtn" */ funksjon showBtn() ( document.getElementById("myBtn").classList.add("show"); )

// - er en enlinjes kommentar, dvs. all tekst mellom // og slutten av linjen vil bli ignorert av JavaScript (vil ikke bli utført).

/* */ er en kommentar med flere linjer, all tekst mellom /* og */ vil bli ignorert av JavaScript.

JavaScript-instruksjonsblokk

JavaScript-instruksjoner kan grupperes ved hjelp av en blokk (krøllete klammeparenteser (...)).

Brukes vanligvis i funksjoner, kontrollstrukturer (for, mens), etc.

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

Store og små bokstaver

JavaScript er et språk som skiller mellom store og små bokstaver. Dette betyr at nøkkelord, variabler, funksjonsnavn og andre språkidentifikatorer må inneholde det samme settet med store og små bokstaver. For eksempel skal varslingsmetoden bare skrives inn som varsel , og ikke Alert , ALERT , etc.

Whitespace i JavaScript

JavaScript ignorerer flere mellomrom. Du kan legge til mellomrom i skriptet ditt for å gjøre det mer lesbart.

Følgende linjer er likeverdige:

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

Kodelinjelengde

Hvis en JavaScript-instruksjon er lang, er det tilrådelig å bryte den. I de fleste tilfeller er det bedre å bryte en instruksjon etter en operatør.

For eksempel:

Document.getElementById("aside__nav_header").innerHTML = "Ytterligere navigering (etter seksjon)";

• et navn som består av ett ord skal skrives med små bokstaver (for eksempel: artikkel);
• et navn som består av flere ord skal skrives med små bokstaver sammen, bortsett fra bokstaver i krysset mellom ord, de skal skrives med store bokstaver (for eksempel: artikkeltittel);
• antall ord i navnet bør ikke overstige 3 (for eksempel: articleDatePublishedon)
• variabler (ikke for lagring av funksjoner) og objektegenskaper må være substantiv (for eksempel: textComment);
• matriser og samlinger av verdier skal spesifiseres av substantiv i flertall(for eksempel: lastComments);
• funksjoner og metoder for objekter må navngis med verb (for eksempel: getLastArticles);
• klassenavn må begynne med stor bokstav (for eksempel: Kommentarer).

JavaScript kan implementeres ved hjelp av JavaScript-operatører, som er plassert i HTML-tagger script ... /script på en nettside.

Du kan plassere skriptkoder som inneholder JavaScript hvor som helst på nettsiden din, men det anbefales generelt å lagre det i head-tagger.

Skript-taggen varsler nettleserprogrammet om å begynne å tolke all tekst mellom disse kodene som skript. Den enkle syntaksen for JavaScript vil se slik ut.

JavaScript-kode

Skript-taggen inneholder to viktige attributter -

• Språk – Dette attributtet indikerer hvilket skriptspråk du bruker. Vanligvis vil verdien være javascript. Selv om nyere versjoner av HTML (og XHTML, dens etterfølger) har sluttet å bruke dette attributtet.
• Type. Dette attributtet anbefales nå for å indikere skriptspråket som brukes, og verdien bør settes til "tekst/javascript".

Så JavaScript-segmentet ditt vil se slik ut:

JavaScript-kode

Ditt første JavaScript-skript

La oss ta eksemplet med "Hello World"-utskriften. Vi la til tilleggskommentar HTML som omgir JavaScript-koden vår. Dette er for å lagre koden vår fra en nettleser som ikke støtter JavaScript. Kommentaren avsluttes med "// ->". Her betyr "//" en kommentar i JavaScript, så vi legger til denne for å forhindre at nettleseren leser slutten av HTML-kommentaren som en del av JavaScript-koden. Vi kaller deretter document.write-funksjonen, som skriver en streng til HTML-dokumentet vårt.

Denne funksjonen kan brukes til å skrive tekst, HTML eller begge deler. Ta en titt på følgende kode.

Denne koden vil gi følgende resultat:

Hei Verden!

Mellomrom og linjeskift

JavaScript ignorerer mellomrom, tabulatorer og linjeskift som vises i JavaScript-programmer. Du kan fritt bruke mellomrom, tabulatorer og nye linjer i programmet, og du kan formatere og rykke inn programmene dine på en ryddig og konsistent måte, noe som gjør koden din lett å lese og forstå.

Semikolon i JavaScript

I enkle instruksjoner i JavaScript etterfølges det vanligvis av semikolon, som i C, C++ og Java. JavaScript lar deg imidlertid hoppe over dette semikolonet hvis du setter hvert utsagn på en egen linje. For eksempel kan følgende kode skrives uten semikolon.

Men når du formaterer på en linje som dette, må du bruke semikolon -

Merk. God trening programmering er å bruke semikolon.

Store og små bokstaver

JavaScript er et språk som skiller mellom store og små bokstaver. Dette betyr at nøkkelord, variabler, funksjonsnavn og eventuelle andre identifikatorer alltid må angis med en konsistent stor bokstav.

Så Tid- og TID-identifikatorene vil formidle forskjellige betydninger til JavaScript.

MERK. Du bør være forsiktig når du skriver variabel- og funksjonsnavn i JavaScript.

Når du lærer å skrive, må en person lære det grunnleggende om staving, grammatikk og staving. For eksempel vet alle at en setning begynner med stor bokstav og avsluttes med et punktum, teksten er delt inn i avsnitt osv.

Programmeringsspråk fungerer på en lignende måte: for at et program skal fungere, må visse regler følges. Settet med regler som definerer strukturen til programmeringsspråk kalles syntaks. Mange programmeringsspråk er bygget på de samme konseptene, men bruker forskjellig syntaks.

Denne opplæringen vil introdusere deg til det grunnleggende om syntaks og kodestrukturering i JavaScript.

Funksjonalitet og lesbarhet

Funksjonalitet og lesbarhet er svært viktige aspekter ved JavaScript-syntaks som må fokuseres på separat.

Noen syntaksregler er obligatoriske for JavaScript-kode. Hvis de ikke oppfylles, vil konsollen gi en feilmelding og skriptet slutter å kjøre.

Vurder denne feilen i "Hello, World!"-programmet.

// Eksempel på et ødelagt JavaScript-program
console.log("Hei, verden!"

Det mangler en lukkebrakett på slutten, så i stedet for linjen "Hello, World!" programmet vil returnere en feil:

Ufanget syntaksfeil: mangler) etter argumentlisten

For å la skriptet fortsette å kjøre, må du legge til en avsluttende parentes. Slik kan en feil i JavaScript-syntaks påvirke driften av programmet.

Noen aspekter ved JavaScript-syntaks og -formatering kommer fra forskjellige perspektiver. Enkelt sagt er det stilistiske regler og varianter som er valgfrie og ikke forårsaker feil når koden kjøres. Det er imidlertid også mange generelle konvensjoner som er lurt å holde styr på slik at prosjekt- og kodeutviklere er klar over stil- og syntaksoppdateringer. Å følge vanlige konvensjoner vil forbedre lesbarheten til koden din.

Vurder følgende tre alternativer for å tilordne en verdi til en variabel:

const greeting="Hei"; // ingen mellomrom mellom variabel og streng
const greeting = "Hei"; //overdreven mellomrom etter oppgave
const greeting = "Hei"; // enkelt mellomrom mellom variabel og streng

Alle tre linjene ovenfor vil fungere på samme måte. Men det tredje alternativet (hilsen = "Hei") er den desidert mest brukte og lesbare måten å skrive kode på, spesielt når det sees i sammenheng med et større program.

Det er veldig viktig å overvåke integriteten og konsistensen til all programkode.

Nedenfor skal vi se på noen få eksempler for å gjøre oss kjent med syntaksen og strukturen til JavaScript-kode.

Mellomromstegn

JavaScript-mellomromstegn er mellomrom, tabulatorer og linjeskift (denne handlingen utføres av Enter-tasten). Som vist tidligere ignoreres overflødig mellomrom utenfor en linje, mellomrom mellom operatorer og andre tegn av JavaScript-tolken. Dette betyr at følgende tre eksempler på variabeltildelinger vil ha samme resultat:

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

UserLocation-variabelen vil ha verdien «New York City, NY» uavhengig av tildelingsstilen for den verdien. For JavaScript spiller det ingen rolle hvilken mellomromstegn er brukt.

Det er en velprøvd regel i skriveprogrammer: når du bruker mellomrom, følg de samme reglene som du bruker i matematikk eller grammatikk. For eksempel, linjen:

lettere å lese enn:

Et viktig unntak fra denne regelen er tilordningen av flere variabler. Legg merke til =-posisjonen i følgende eksempel:

const companyName = "Mitt selskap";
const companyHeadquarters = "New York City";
const companyHandle = "mittselskap";

Alle tildelingsoperatorer (=) er justert på en enkelt linje ved å bruke mellomrom. Denne typen struktur brukes ikke av alle kodebaser, men kan forbedre lesbarheten.

Ekstra linjeskift ignoreres også i JavaScript. Som regel tillegg tomme linjer settes inn over kommentaren og etter kodeblokken.

Runde parenteser

Nøkkelord som if, switch og for har vanligvis mellomrom før og etter parenteser. Tenk på følgende eksempel:

// Et eksempel på if-setningssyntaks
hvis () ( )
// Sjekk matematisk ligning og skriv ut en streng til konsollen
hvis (4< 5) {
console.log("4 er mindre enn 5.");
}
// Et eksempel på for loop-syntaks
for () ( )
// Iterer 10 ganger, skriv ut hvert iterasjonsnummer til konsollen
for (la i = 0; i 0) (
kvadrat(tall);
}

Vær forsiktig fordi ikke all kode omsluttet av krøllete klammeparenteser krever ikke semikolon. Gjenstander er omsluttet av krøllete klammeparenteser og må slutte med semikolon.

// Et eksempelobjekt
const objektnavn = ();
// Initialiser trekantobjekt
const trekant = (
type: "rett",
vinkel: 90,
sider: 3,
};

Det er en vanlig praksis å plassere semikolon etter hver JavaScript-setning og uttrykk unntatt de som slutter med krøllete klammeparenteser.

Kodestrukturering

Teknisk sett kan all koden i et JavaScript-program settes på én linje. Men slik kode er veldig vanskelig å lese og vedlikeholde. Derfor er programmet delt inn i linjer.

For eksempel kan if/else-setningen skrives på én linje, eller den kan deles:

// Betinget utsagn skrevet på én linje
if (x === 1) ( /* utfør kode hvis sant */ ) annet ( /* utfør kode hvis usann */ )
// Betinget erklæring med innrykk
hvis (x === 1) (
// kjør kode hvis sant
) annet (
// kjør kode hvis falsk
}

Merk: Enhver kode som er inkludert i en blokk er rykket inn. Du kan rykke inn med to mellomrom, fire mellomrom eller tabulatorer. Valget av innrykkmetode avhenger utelukkende av personlige preferanser eller anbefalingene fra organisasjonen din.

En åpen parentes på slutten av den første linjen er en vanlig måte å strukturere JavaScript-setninger og objekter på. Noen ganger er brakettene plassert på separate linjer:

// Betinget erklæring med bukseseler på nylinjer
hvis (x === 1)
{
// kjør kode hvis sant
}
ellers
{
// kjør kode hvis falsk
}

Denne strukturen brukes sjelden i JavaScript, som på andre språk.

Nestede utsagn må skilles:

// Initialiser en funksjon
funksjonen erEqualToOne(x) (
// Sjekk om x er lik én
hvis (x === 1) (
// ved suksess, return true
return true;
) annet (
returner falsk;
}
}

Riktig innrykk gjør koden lesbar. Det eneste unntaket fra denne regelen å huske på er at komprimerte biblioteker fjerner alle unødvendige symboler for å redusere filstørrelsen.

Identifikatorer

Navnene på variabler, funksjoner eller egenskaper i JavaScript kalles identifikatorer. Identifikatorer består av bokstaver og tall, men de kan ikke inneholde tegn utover $ og _ og kan ikke begynne med et tall.

Store og små bokstaver

Navn skiller mellom store og små bokstaver. Det vil si at myVariable og myvariable vil bli behandlet som to forskjellige variabler.

var minVariable = 1;
var minvariabel = 2;

Etter generell konvensjon er navn skrevet med kamelbokstaver: det første ordet er skrevet med liten bokstav, men hvert påfølgende ord begynner med stor bokstav. Globale variabler eller konstanter er skrevet med store bokstaver og atskilt med understreker.

const INSURANCE_RATE = 0,4;

Unntaket fra denne regelen er klassenavn, der hvert ord vanligvis begynner med en stor bokstav (PascalCase).

// Initialiser en klasse
klasse EksempelKlasse (
konstruktør()
}

For å sikre kodelesbarhet, må du bruke identifikatorer konsekvent på tvers av alle programfiler.

Reserverte søkeord

Identifikatorer må heller ikke inneholde reserverte nøkkelord. Nøkkelord er JavaScript-ord som har innebygd funksjonalitet. Disse inkluderer var, if, for og dette.

Du kan for eksempel ikke tilordne en verdi til en variabel kalt var.

var var = "Noen verdi";

JavaScript kjenner nøkkelordet var, så det vil gi en feilmelding:

Syntaksfeil: Uventet token (1:4)