JavaScript - Varijable. Konstante. Vrste podataka. Gramatika i tipovi Variable var

💖 Sviđa li vam se? Podijelite vezu sa svojim prijateljima

Radeći u Javascriptu možemo unijeti numeričke, string i logičke vrijednosti, ali one rade samo ako program sadrži potrebne informacije. U tu svrhu stvorene su varijable koje nam omogućuju pohranjivanje raznih vrsta informacija i predstavljaju ih kao svojevrsni spremnik kojem u svakom trenutku možemo pristupiti i doći do informacija koje se u njemu nalaze.

Stvaranje varijable

Varijabla se kreira u dvije faze: deklariranjem varijable i dodjeljivanjem imena.

Prvo moramo deklarirati varijablu, odnosno deklarirati je, to se radi pomoću ključna riječ var. Zatim pišemo instrukciju, ovo je ime varijable, njeno ime je način na koji ćemo joj pristupiti, na primjer, ja ću napisati dwstv.


Kako ćete nazvati varijable ovisi, naravno, o vama, ali postoji nekoliko pravila kojih se morate pridržavati da bi javascript radio:

  • prvo pravilo, izbjegavajte korištenje rezerviranih riječi. Neke riječi u jeziku JavaScript koriste se u samom sustavu, poput riječi var kojom deklariramo varijablu. Osim toga, neke riječi, kao što su upozorenje, dokument, prozor, smatraju se posebnim svojstvima web stranice. Ako ih pokušate koristiti kao varijable, primit ćete poruku o pogrešci. Ovdje možete vidjeti popis rezerviranih riječi.
  • drugo pravilo, naziv varijable mora započeti slovom, simbolom $ ili _. To jest, varijabla ne može započeti brojem ili interpunkcijskim znakom: ime 1dwstv i &dwstv neće raditi, ali imena $dwstv i _dwstv hoće.
  • treće pravilo, naziv varijable može sadržavati slova, brojeve, simbole $ i _, a razmaci ili drugi posebni znakovi ne mogu se koristiti u imenu: dws&tv i dws tv su nevažeći nazivi, ali ovaj format može biti dws_tv i dwstv1 ili dws_tv_1.
  • četvrto pravilo, imena varijabli razlikuju velika i mala slova. JavaScript interpreter različito tretira mala i velika slova, odnosno varijabla DWSTV razlikuje se od varijable dwstv, a također i od varijabli DwStv i Dwstv.
  • peto pravilo, nije preporučljivo koristiti znakove osim latinice; varijable napisane ćirilicom, iako će raditi, nisu zajamčene i neće ih razumjeti kolege iz drugih zemalja.

Ovo je osnovnih pet pravila kojih preporučujem da se pridržavate, a uz njih bih također želio reći, dodijelite jasna i izražajna imena svojim varijablama. Imenujte varijable prema vrsti podataka koji su u njima pohranjeni, to će vam pomoći da bolje razumijete napisano, a gledajući takve varijable bit će vam jasno o čemu govorimo.

Kada imenujete varijable, pokušajte ih učiniti čitljivima. Kada koristite više riječi, dodajte podvlaku između njih ili započnite svaku riječ nakon prve velikim slovom. Na primjer, dwsTv ili dws_tv.

Korištenje varijabli

Na početku lekcije pogledali smo od čega se sastoji varijabla, sada kada je znamo kreirati, u nju možemo pohraniti bilo koju vrstu podataka po vlastitom nahođenju.

Za unos podataka u varijablu koristi se poseban simbol, znak jednakosti (=), naziva se operator dodjele, jer se koristi za dodjeljivanje vrijednosti varijabli.


Na primjer, stavimo digitalnu vrijednost u varijablu dwstv, broj pretplatnika je 8500, deklarirajte varijablu var dwstv; au drugi red upisujemo vrijednost dwstv = 8500;

Var dwstv; dwstv = 7200;

I tako, s prvom linijom smo kreirali varijablu, a s drugom smo spremili vrijednost u nju. Također možemo stvoriti varijablu i pohraniti vrijednosti u njoj koristeći jednu izjavu, na primjer:

Var dwstv = 7200;

U varijablu možemo pohraniti bilo koje vrste podataka koje smo obradili u prethodnim lekcijama, a to mogu biti numeričke, string i logičke vrijednosti:

Var dwstv = 7200;var lessons = ‘JavaScript’; var youtubeKanal = 'DwsTV'; var pretplatnika = '7700'; var content = true;

Također možemo uštedjeti prostor i vrijeme deklariranjem varijabli s jednim ključem var, primjer:

Var lekcije = 'JavaScript', youtubeKanal = 'DwsTV', pretplatnici = '7700', sadržaj = istina;

Nakon pohranjivanja vrijednosti u varijable, možemo pristupiti tim podacima. Da biste to učinili, samo upotrijebite naziv same varijable.

Na primjer, ako želimo otvoriti dijaloški okvir upozorenja i prikazati vrijednost pohranjenu u varijabli kanala, možemo jednostavno napisati naziv varijable u funkciji upozorenja.

Upozorenje (kanal);

Imajte na umu da ne stavljamo navodnike oko varijabli - one su samo za nizove, tako da ne pišemo alert('kanal') jer bi nam to dalo riječi kanal, a ne vrijednost pohranjenu u varijabli.

Mislim da sada razumijete zašto nizovi moraju biti stavljeni u navodnike: JavaScript interpreter tretira riječi bez navodnika ili kao posebne objekte (kao što je naredba alert()) ili imena varijabli.

A tu je i trenutak kada smo deklarirali varijablu ključnom riječi var i želimo promijeniti vrijednost u varijabli, nije je potrebno ponovno deklarirati ispisivanjem riječi var , dovoljno je nazvati ime varijable i dodijelite mu novu vrijednost.

Pretplatnici = '10000';

Na kraju ove lekcije želim reći da učenjem bilo kojeg jezika nećete naučiti programirati. Nesumnjivo ćete naučiti nešto novo, ali najvjerojatnije vaš mozak neće zapamtiti te informacije, jer ne radite s njim. Nemoguće je naučiti jezik bez vježbe, stoga ćete iz ove lekcije dobiti mali zadatak kako bi vam ponuđene informacije stajale u umu i mogli s njima raditi.

Praktični zadatak:

Napravite tri varijable, jednoj dodijelite numeričku vrijednost, drugoj vrijednost niza, a trećoj logičku vrijednost. Deklarirajte sve varijable jednom ključnom riječi var i prikažite ih na stranici. Zatim redefinirajte varijablu s numeričkom vrijednošću i prikažite rezultat pomoću funkcije alert().


Na početku sljedećeg videa analizirat ćemo ovaj zadatak, podijelite svoje rezultate u komentarima, napišite ako netko ima pitanja. Ako vam se lekcija svidjela i želite podržati projekt, samo je podijelite na društvenim mrežama.

U sljedećoj lekciji ćemo detaljno pogledati kako raditi s tipovima podataka i varijablama, upoznati se s matematičkim operacijama i redoslijedom njihovog izvođenja, a također ćemo analizirati metode za kombiniranje string i numeričkih vrijednosti.

Lekciju je pripremio Denis Gorelov.

Da budem iskren, nisam od početka htio uvoditi ovu temu. Što je s varijablama, posebno u JavaScriptu? Ali onda sam se sjetio kako sam ponekad imao posla sa složenim konstrukcijama i imao poteškoća s razumijevanjem nekih izraza koji su se činili neprihvatljivim u drugim programskim jezicima. Možemo reći sljedeće: ovdje nećete dobiti pogrešku "Invalid data type", a ako i dobijete, to će biti vrlo rijetko. Ako ste radili s drugim programskim jezicima, sjetite se koliko ste često dobivali pogrešku o nevažećim tipovima podataka. U JavaScriptu se vrsta podataka može lako redefinirati, ali možda nećete ni primijetiti gdje - tu leži poteškoća. S druge strane, ako ste dobro upućeni u principe pretvorbe tipa i znate sva svojstva varijabli i nizova, te će vam sposobnosti samo dati povjerenje u pisanje programa.

JavaScript varijable mogu pohranjivati ​​različite vrste vrijednosti:

  • Linije su niz znakova;
  • Numeričke vrijednosti - cijeli i realni brojevi;
  • Booleove vrijednosti - samo dvije vrijednosti true ili false;
  • Nizovi - skupovi varijabli istog tipa;
  • Datumi su vrijednosti datuma i vremena.
Životni vijek varijable povezan je s prozorom u kojem su stvorene i ovisi o tome gdje su definirane. JavaScript programi sadržani su u HTML dokumenti, a kada učitate novi dokument u preglednik, sve varijable stvorene u programu bit će izbrisane.
Za spremanje bilo koje vrijednosti prilikom učitavanja novog dokumenta u JavaScript postoje samo 2 rješenja:
  • stvaranjem varijabli u okviru dokumenta vrhunska razina;
  • korištenjem "kolačića";
Da biste pohranili varijable i funkcije pomoću uokvirenih dokumenata, morate definirati te varijable i funkcije u dokumentu najviše razine, a zatim koristiti nadređena ili gornja svojstva objekta prozora da im pristupite iz dokumenata učitanih u okvire. VAŽNO: takve varijable i funkcije moraju biti postavljene u zaglavlju dokumenta najviše razine između oznaka. . .. Naravno, postoji mogućnost da se dokument može učitati bez okvira i tada će pristup nedefiniranom objektu izazvati pogrešku, ali prvo možete provjeriti je li dokument učitan u okvir:



Kolačići omogućuju pohranjivanje malih dijelova informacija lokalni disk korisnik. Postavljanjem vrijednosti kolačića i njihovim resetiranjem u kasnijim fazama rada moguće je vratiti potrebne vrijednosti. O kolačićima ćemo detaljnije govoriti kasnije.

Imena varijabli, kreiranje varijabli

U JavaScriptu je stvaranje varijable mnogo lakše nego u drugim programskim jezicima. Na primjer, kada kreirate varijablu, nema potrebe za navođenjem njenog tipa. Varijable su definirane sa i bez početnih vrijednosti. Tijekom izvođenja programa, već stvorene varijable mogu se čak pretvoriti u različite tipove podataka. Nazivi varijabli mogu započeti bilo kojim slovom (a do z ili A-Z) ili podvlakom (_), a ostatak može sadržavati brojeve, podvlake i slova. Upamtite da se imena varijabli razlikuju između velikih i malih slova: na primjer, MyVariable nije isto što i myVariable.
Varijabla se može stvoriti na jedan od sljedećih načina:

  • korištenje operatora var i operatora dodjele (=);
  • pomoću operatora dodjele (=).
Var operator se koristi ne samo za stvaranje varijable, već i za njezino inicijaliziranje. Operator dodjele (=) potreban je za pohranjivanje vrijednosti u varijablu i nije ga potrebno koristiti kada radite s varijablama stvorenim bez početne vrijednosti. Na primjer:

Var. moja varijabla = 35

Stvara varijablu pod nazivom MyVariable koja sadrži numeričku vrijednost 35. Varijabla postoji sve dok se trenutni dokument učitava. Ako stvorite ovu varijablu u dokumentu najviše razine koji sadrži okvir, treba joj se pristupiti pomoću izraza top.MyVariable ili još bolje parent.MyVariable za zaštitu od ugniježđenih okvira.

U jeziku JavaScript varijable može se nadjačati, čak i specificiranjem drugog tipa podataka. Na primjer, nakon izvršenja naredbe

Var. MyVariable = "35"

Varijabla će već pohraniti niz "35". Takve transformacije ponekad dovode do nesporazuma. Na primjer:



Što mislite koju vrijednost će poprimiti varijabla "c" nakon što se program izvrši? Ako niste upoznati s pravilima za pretvaranje varijabli u JavaScriptu, nećete pogoditi. Vrijednost varijable "c" nakon završetka bloka bit će jednaka numeričkoj vrijednosti 320. O principima pretvaranja tipova varijabli govorit ćemo kasnije. Varijabla se može definirati bez korištenja operatora “Var”, već jednostavnim dodjeljivanjem vrijednosti, a kakav god tip podataka je dodijeljen, takav će biti i tip varijable. Operator "Var" uglavnom se koristi za čitljivost JS programa. Varijabla se može navesti bez početnih vrijednosti, na primjer:

Var MyVariable;

Varijabla pod nazivom MyVariable stvorena je bez definirane vrste podataka i bez početne vrijednosti. Varijable stvorene korištenjem takvih deklaracija poznate su kao nulte varijable. Na primjer, usporedbom takve varijable s vrijednošću null možete saznati je li varijabla definirana. Međutim, ne treba brkati različite stvari: "" - prazan niz je tip niza, a ne null vrijednost.

Tip varijable može se postaviti bilo gdje u JS programu, za razliku od drugih programskih jezika, što daje dodatnu fleksibilnost, ali i mogućnost zabune – zapamtite ovo. Ne može se pristupiti varijabli koja nije kreirana. Ako trebate stvoriti privremenu varijablu, kao što je brojač petlje, trebate joj dodati prefiks var:
za (var i=0; i "10"); Najjednostavniji i najčešći način za stvaranje String objekta je korištenje operatora kao što je

Var myVariable = "Dobro pivo";

Sljedeća izjava dodjeljuje string "Good Beer" string varijabli myVariable. Varijabla myVariable tretira se kao String objekt i može koristiti bilo koju od standardnih metoda JavaScript String objekta. Var operator se može preskočiti, kao što je ranije spomenuto, potreban je uglavnom za čitljivost programa.

Za stvaranje string objekata, možete koristiti String() konstruktor s operatorom new. String objekt zapravo nije dio JavaScript jezika, već je ugrađeni objekt preglednika, uglavnom zato što se nizovi stvaraju kada ih korisnik treba. Pogledajmo primjer:

Var myVariable = new String();

Ova izjava stvara novi objekt, prazan niz, nazvan myVariable. U početku je ovo prazan niz (""), a vrijednost svojstva myVariable.length je 0.

String() konstruktor dopušta da se dani niz proslijedi kao argument:

Var myVariable = new String("Pravo pivo");

String objekt može sadržavati Posebni simboli, kontroliranje oblikovanja niza:

  • \n - znak novog retka;
  • \r - znak povratka redaka;
  • \f - kod za prelazak na novu stranicu;
  • \xnn - prikaz znaka kao heksadecimalni ASCII kod nn;
  • \b - šifra ključa.
ovi znakovi će se ispravno interpretirati samo u spremnicima i metodama "Upozorenje". Formatiranje za document.write() vrši se drugim metodama ili HTML oznakama.
Objekt String ima samo jedno svojstvo, length, čija je vrijednost broj znakova u nizu sadržanom u objektu. Metode objekata niza mogu se podijeliti u dvije kategorije:
  • metode oblikovanja HTML dokumenata;
  • metode obrade nizova.
Metode oblikovanja dokumenta koriste se za izlaz nizova u dokument, a metode manipulacije nizovima koriste se za ispitivanje i modificiranje sadržaja String objekta.
Ovdje je popis metoda: (slovo F je metoda formatiranja, a slovo U je upravljanje redovima)
metoda Opis
sidro() U Stvara imenovanu oznaku, tj. označiti od sadržaja objekta
velik() F Zaključuje niz u spremniku. . . , za prikaz velikim fontom
treptati() F Zaključuje niz u spremniku. . . tako da se čini da treperi.
podebljano() F Zaključuje niz u spremniku. . . tako da se pojavljuje podebljano.
charAt() U Vraća znak na zadanoj poziciji niza
fiksno () F Zaključuje niz u spremniku. . . tako da se prikazuje fontom konstantne širine.
boja fonta() F Zaključuje niz u spremniku. . . tako da se pojavljuje u određenoj boji.
veličina fonta() F Zaključuje niz u spremniku. . . tako da se prikazuje u određenoj veličini slova.
IndexOf() U Vraća indeks prvog navedenog znaka pronađenog u nizu.
kurziv() F Zaključuje niz u spremniku . . . tako da se pojavljuje u kurzivu.
lastIndexOf() U Vraća indeks zadnjeg navedenog znaka pronađenog u nizu.
veza() U Stvara oznaku hiperveze . . . i u njega stavlja sadržaj objekta
mali() F Okružuje redak u oznaci. . . tako da se pojavljuje u manjoj veličini slova.
štrajk() F Zaključuje niz u spremniku. . . tako da izgleda prekriženo.
pod() F Zaključuje niz u spremniku. . . tako da se pojavljuje kao indeks.
podniz() U Vraća podniz tekstualnog niza.
sup() F Zaključuje niz u spremniku. . . tako da se pojavljuje kao superskript.
malim slovima() U Pretvara sva slova niza u mala slova
doUpperCase() U Pretvara sva slova u nizu u velika slova

Numeričke varijable

Numeričke vrijednosti mogu biti cijeli brojevi ili brojevi s pomičnim zarezom. Brojevi s pomičnim zarezom nazivaju se stvarni brojevi ili brojevi s pomičnim zarezom. Sljedeće operacije primjenjive su na numeričke vrijednosti:

  • množenje(*);
  • podjela(/);
  • zbrajanje (+);
  • oduzimanje (-);
  • povećanje(++);
  • smanjiti (--);
Osim toga, koriste operacije množenja, dijeljenja, zbrajanja i oduzimanja u kombinaciji s dodjeljivanjem (*=, /=, +=, -=), kao i metode Matematički objekt.

Booleove varijable

Booleove ili logičke varijable sadrže samo doslovne vrijednosti - true i false - i koriste se u logički izrazi i operateri.
Za provjeru vrijednosti Booleove varijable također se koristi operacija logičke jednakosti:
booleanVar == istina
iako je u ovom slučaju takva operacija provjere nepotrebna. Za provjeru vrijednosti koje nisu istinite, koristite logički znak negacije (!). Na primjer, izraz!booleanVar će vratiti true ako je booleanVar false. Umjesto riječi "true" i "false", možete koristiti numeričke vrijednosti "1" i "2", budući da su Takbool vrijednosti predstavljene u memoriji računala: 1==true i 0==false.

Niz varijabli

Varijable niza sadrže uređene skupove vrijednosti iste vrste, predstavljene kao jedna varijabla radi praktičnosti. Mnogi standardni objekti svojstava dokumenta u JavaScriptu, osobito hiperveze i oznake, su nizovi. U JavaScriptu se elementu polja mora pristupiti pomoću izraza:

ArrayName

Gdje je arrayName naziv niza, a indeks je numerička varijabla ili broj koji određuje položaj elementa u nizu. Na primjer, arrayName je prvi element ovog niza. Indeksi elemenata niza u JavaScriptu počinju od nule. Elementi polja mogu biti bilo koje vrste, kao što su nizovi ili booleovi. Osim toga, pod određenim uvjetima, niz može sadržavati elemente različitih tipova podataka. U jeziku JavaScript nizovi kreiraju se pomoću:

  • konstruktor Array();
  • konstruktor Object();
  • korisnički definiran konstruktor.
Array() konstruktor ne samo da stvara objekt polja, već također dodjeljuje početne vrijednosti njegovim elementima. Moguće je dinamički dodavati elemente nizu - dodjeljivanjem određenih vrijednosti elementima niza. Također je moguće "preskočiti" elemente niza i postaviti ih bilo kojim redoslijedom. Za stvaranje nove instance objekta niza, konstruktor Array() mora se koristiti s operatorom new. Na primjer, sljedeći primjer stvara niz pod nazivom arrayImg koji sadrži dva elementa, od kojih je svaki String objekt

Var path = "c:/images/" ,
arrayImg = novi niz();
arrayImg = path+"img1.gif";
arrayImg = path+"img2.gif";

Kada koristite konstruktor Array(), svojstvo duljine postavlja se automatski. Stoga, nakon inicijalizacije elemenata niza u gornjem primjeru, izraz arrayImg.length vraća vrijednost 2. Elementi niza također se mogu navesti kao parametri konstruktora:

Var path = "c:/images/" ,
arrayImg = novi niz(path+"img1.gif", path+"img2.gif");

Ovaj izraz je skraćena verzija prethodnog primjera.
U JavaScriptu možete stvoriti polje, ovo je polje u kojem elementi imaju različite tipove podataka:

Var myArray = new Array(3.14, true, 85, date(), "word");

Stvara niz čiji je element myArray broj s pomičnim zarezom, čiji je element myArray Booleova vrijednost, a čiji je element myArray objekt Date.
Veličina niza, a time i vrijednost svojstva duljine objekta kreiranog konstruktorom Array(), ovisi o maksimalnoj vrijednosti indeksa koja je korištena za specificiranje elementa niza. Na primjer:

Var myArray = novi niz;
myArray = "Ovo je 21. element niza";

Dvadeset prvom elementu niza dodijeljena je vrijednost niza "Ovo je 21. element niza", a vrijednost svojstva myArray.length je 21, neovisno o tome imaju li vrijednosti elementi niza s indeksom manjim od 20.
Svojstvo duljine objekta Array automatski se postavlja kada eksplicitno navedete broj elemenata u konstruktoru Array():

Moj niz = novi niz(10);

Operator stvara niz od 10 elemenata od 0 do 9. Svojstvo duljine niza ne može se postaviti dodjelom jer je duljina svojstvo samo za čitanje. Na primjer, da postavite svojstvo duljine na 10, trebate samo odrediti vrijednost zadnjeg, u ovom slučaju, 9. elementa niza:

Moj niz = novi niz();
moj niz = 0;

Osim toga, moguće je postaviti vrijednosti elemenata niza prilikom njegove konstrukcije:

MyArray = novi niz(0,0,0,0,0,0);

Object() konstruktor

Koncepti objekta i niza su ekvivalentni, iako konstruktori Object() i Array() rade drugačije. Nemoguće je proslijediti više elemenata niza u Object() konstruktor, pa ovaj izraz
var myObj = novi objekt(vrijednost1, vrijednost2);
neće raditi. Nizovi stvoreni pomoću konstruktora Object() nemaju svojstvo duljine. Stoga, kada stvarate niz na ovaj način, trebali biste ili preći ovaj niz koristeći za petlju i prebrojite elemente niza ili tvrdo kodirajte duljinu niza na vrijednost njegovog prvog elementa (ovo se obično radi simulacijom svojstva duljine), a zatim mu pristupite po potrebi da provjerite veličinu niza, povećajte vrijednost prilikom dodavanja novog elementa, a također i kao parametar petlje prilikom cikličkog čitanja ili mijenjanja vrijednosti elementa. Takav objekt je često neprikladan za slučajeve kada se sadržaj niza mora dinamički mijenjati, pa se u većini slučajeva koristi konstruktor Array(). Vrijednosti indeksa nizova kreiranih u Object() konstruktoru također počinju od nule. Za stvaranje niza pomoću Object() konstruktora, uobičajeno je koristiti notaciju kao što je:

Var myObj = novi Objekt();
mojObj = 2; // postavimo veličinu niza
myObj = "Prvi element";
myObj = "Drugi element";

Da biste saznali veličinu tako kreiranog niza, morate pristupiti elementu myObj. Vrijednost svojstva myObj.length je null jer je vrijednost nedefinirana.

Pretvaranje nizova i brojeva

Konačno dolazimo do najzanimljivije teme. Činjenica je da u JavaScript jeziku, za razliku od drugih jezika, ne postoje funkcije poput Val() i Str(). Jednom sam vidio program u JavaScriptu, neću imenovati autora, gdje se uz pomoć svih vrsta konverzija tipova podataka pokušalo zbuniti program za "nenapredne" korisnike. Dakle, morate zapamtiti dva pravila:

  • Pretvaranje broja u niz znakova vrši se dodavanjem numeričkog argumenta argumentu niza, bez obzira na preuređivanje članova. Na primjer, ako je varijabla varI = 123, tada možete pretvoriti varijablu, a time i njezinu vrijednost u znakovni niz: varI = varI + "" ili obrnuto: varI = "" + varI. Ako je presavijeno ne sa prazna linija: varI = varI + "456", tada će rezultat vrijednosti varI varijable biti "123456". Isto vrijedi i obrnuto: varI = "456" + varI - rezultat: "456123";
  • Pretvaranje niza u broj vrši se oduzimanjem jednog operanda od drugog i također bez obzira na njihov položaj. Na primjer, ako je varijabla varI = "123", tada je možete pretvoriti u broj oduzimanjem vrijednosti 0 od nje: varI = varI - 0, i sukladno tome vrijednost varijable iz vrste niza pretvara se u numerički: 123. Prilikom preuređivanja operanda, predznak numeričke vrijednosti će se promijeniti u suprotan. Za razliku od pretvaranja broja u niz, operacije oduzimanja ne mogu koristiti literalne vrijednosti. Dakle, ako se "JavaScript" + 10 pretvori u varI == "JavaScript10", tada će operacija poput varI = "JavaScript" - 10 proizvesti vrijednost "NON" - to jest, takva operacija nije dopuštena. Pa ipak, kada se vrijednost niza oduzima od vrijednosti niza, također se događa transformacija: varI = "20" - "15", vrijednost varijable varI bit će broj 5.

Varijabla je imenovano memorijsko mjesto u koje možete pohraniti neke informacije i iz njih ih dohvatiti.

Deklariranje (kreiranje) varijabli se vrši pomoću ključne riječi var.

// poruka - naziv varijable var poruka;

Kada kreirate varijablu, možete joj odmah dodijeliti vrijednost.

Dodjeljivanje vrijednosti varijabli vrši se pomoću operatora “=”.

// na primjer, stvorite varijablu e-pošte i dodijelite joj niz " [e-mail zaštićen]"var email = " [e-mail zaštićen]"; // postavite varijablu e-pošte na novu vrijednost email = " [e-mail zaštićen]";

Da biste dobili vrijednost varijable, jednostavno je nazovite imenom.

// na primjer, izbaci vrijednost varijable e-pošte na konzolu preglednika: console.log(email);

Da biste deklarirali više od jedne varijable koristeći jednu ključnu riječ var, morate koristiti zarez.

Var cijena = 78,55, količina = 10, poruka;

JavaScript je dinamički ili slabo tipiziran jezik. To znači da kada je varijabla deklarirana, ne treba navesti tip podataka koji može prihvatiti. Stoga prvo možete smjestiti vrijednost jedne vrste podataka u varijablu, a zatim drugu.

Var output = "uspjeh"; // varijabla ima tip podataka string output = 28; // ista varijabla, ali već tipa podataka “broj” output = true; // ista varijabla, ali već pohranjuje Booleovu vrijednost

Vrijednost varijable može se mijenjati neograničeni broj puta.

// kreirana je varijabla dobi var age; // varijabli age dodijeljena je vrijednost 67 age = 67; // varijabla age je postavljena na "Retirement age" age = "Retirement age"; // varijabla age postavljena je na 55 age = 55;

Dobra praksa pri razvoju klijentskih aplikacija je korištenje samo jednog tipa podataka u danoj varijabli, tj. nemojte pisati vrijednosti u varijablu koje imaju Različite vrste podaci. Da biste razumjeli kakvu vrstu podataka treba očekivati ​​u varijabli, prilikom kreiranja varijable preporučuje se odmah je inicijalizirati određenom vrijednošću.

Ime varijable može biti sastavljeno od slova, brojeva i simbola $ i _. U tom slučaju prvi znak varijable ne smije biti broj. Osim toga, ne možete koristiti rezervirane riječi kao nazive varijabli.

// kreiranje dvije varijable, prva varijabla se zove phone, druga je meassage; var telefon, poruka;

Velika i mala slova u imenu varijable su bitna. To jest, na primjer, varijable phone i Phone dvije su različite varijable.

Ako se ne koristi strogi način rada, možete stvoriti varijablu s početnom vrijednošću bez ključne riječi var.

Cijena = 250,00 kn; // stvorio varijablu i inicijalizirao je s brojem 250.00 posto = "20%"; // stvorio je varijablu i inicijalizirao je nizom "20%"

Ali stvaranje varijabli na ovaj način se ne preporučuje.

Vrste podataka

U JavaScript vrste podaci se mogu podijeliti na primitivne i objektne.

Varijable koje sadrže primitivne tipove podataka eksplicitno pohranjuju svoju vrijednost.

Postoji 5 primitivnih tipova podataka u JavaScriptu:

  • broj;
  • niz;
  • Booleov tip (boolean);
  • ništavan;
  • nedefiniran.

Ako se jednoj varijabli dodijeli vrijednost druge koja sadrži primitivni tip podataka, ona će dobiti vlastitu kopiju te vrijednosti.

Var x = 77, y = x; x = 55; y; // 77

Varijable koje sadrže objekt zapravo ne pohranjuju sam objekt, već referencu na njega.

Ako se jednoj varijabli dodijeli vrijednost druge koja sadrži objekt (vezu na njega), tada će i ona dobiti vezu na njega. Kao rezultat ove operacije, ove dvije varijable će sadržavati referencu na isti objekt.

// primjer 1 (s tipom podataka "object") var coord1 = (x: 77, y: 100), coord2 = coord1; coord1.x = 55; // postavi svojstvo x objekta na novu vrijednost coord2.x; // 55, jer coord1 i coord2 sadrže referencu na isti objekt // primjer 2 (s tipom podataka polja) var coord1 = , coord2 = coord1; koordinata1 = 55; // postavi element s indeksom 0 na novu vrijednost coord2; // 55, jer coord1 i coord2 sadrže referencu na isti objekt // primjer 3 (s tipom podataka "datum") var date1 = new Date(2018,00,01), date2 = date1; datum2 = datum2.setDatum(datum2.getDate()+7); // povećanje datuma za 7 dana date1; // 01/07/2018, jer datum1 i datum2 sadrže referencu na isti objekt

Broj

Numerički unos JavaScript podaci je univerzalan. Koristi se za predstavljanje i cijelih brojeva i razlomaka.

Var int = 5; // integer var float = 5.98; // razlomački broj

Format za predstavljanje brojeva u JavaScriptu u skladu je sa standardom IEEE 754-2008.

Cijeli brojevi u JavaScriptu mogu se odrediti ne samo u decimalnom, već iu oktalnom (0) ili heksadecimalnom (0x) korištenjem prefiksa navedenih u zagradama:

Var int = 010; // 8 int = 055; // 45 int = 0xFF; //255 int = 0xB8; // 184

Brojeve je moguće pisati u eksponencijalnom obliku:

Var num = 2e3; // eksponencijalni zapis broja 2*10^3 (2000) num = 2e-3; // eksponencijalni zapis broja 2*10^-3 (0.002) num = 3.2e3; // 3200 num = 1.5e-2; // 0,015

Osim brojeva, numerički tip podataka sadrži i posebne numeričke vrijednosti:

  • Beskonačnost (pozitivna beskonačnost);
  • -Beskonačnost (negativna beskonačnost);
  • NaN (nije broj).

Posebno značenje Beskonačnost znači vrlo velik pozitivan broj, tj. broj koji se ne može prikazati u JavaScriptu jer je prevelik.

Posebna značenja -Beskonačnost znači, naprotiv, vrlo veliki negativan broj, tj. broj koji se ne može prikazati JavaScriptom jer je također prevelik.

Primjer izraza koji će vratiti posebne numeričke vrijednosti kao rezultat njihovog izračuna:

5/0; // Beskonačno -5/0; // -Infinity Math.pow(10,399); // Beskonačno (10 na potenciju 399) Math.pow(10,399); // -beskonačno (-10 na potenciju 399)

Vrijednost NaN vraća se kao rezultat izvođenja matematičkih operacija koje JavaScript ne može izračunati.

5 - "Bok"; // NaN (oduzmite liniju od broja 5) 1000 / "20px"; // NaN (broj podijeljen nizom) true * "1rem"; // NaN (booleova vrijednost true pomnožena nizom)

Ono što je vrlo zanimljivo je da vrijednost NaN-a u JavaScriptu nije jednaka ničemu, uključujući samog sebe.

NaN == NaN; // lažno NaN === NaN; //lažno

Booleov tip podataka

Boolean je primitivni tip podataka koji ima samo dvije vrijednosti: true i false.

Var a = istina; var b = lažno;

Niz

String je tip podataka koji se koristi u JavaScriptu za predstavljanje teksta.

JavaScript niz može imati 0 ili više znakova.

JavaScript uvijek koristi Unicode kao format niza.

Stvaranje niza (string literal) vrši se stavljanjem teksta u jednostruke ili dvostruke navodnike.

"JavaScript"; "ECMAScript";

U JavaScriptu nema razlike između jednostrukih i dvostrukih navodnika.

No, u nekim slučajevima ima smisla koristiti jednostruke navodnike umjesto dvostrukih navodnika i obrnuto.

Na primjer, kada niz sadrži dvostruke navodnike, prikladnije je staviti ga u jednostruke navodnike. To će eliminirati potrebu za izbjegavanjem dvostrukih navodnika u njemu.

""ECMAScript""; // bez bježanja (upotrebom jednostrukih navodnika) "\"ECMAScript\""; // s bježanjem

Niz u JavaScriptu može sadržavati posebne znakove. Na primjer, \n (pokretanje redaka), \t (tabulator), \r (povratak na početak reda), itd.

"Ovo je rečenica.\nI ovo je također rečenica, ali će početi iz novog retka.";

Sa stringovima možete izvesti operaciju zbrajanja (unije) ili, drugim riječima, ulančavanja. Za to se koristi operator "+". Smisao ove operacije je dodavanje drugog retka na kraj prvog.

"Volim" + "JavaScript"; // Volim JavaScript

Vrijednost je "nedefinirano"

undefined je poseban primitivni tip podataka koji ima jednu vrijednost jednaku nedefined.

Ova vrsta podataka ima deklariranu varijablu kojoj još nije dodijeljena vrijednost.

Var num; // nedefiniran

Vrijednost undefined također će biti vraćena kada se pristupa nepostojećem svojstvu objekta.

Var obj = (); // prazan objekt obj.prop; // nedefiniran

"null" vrijednost

null je poseban primitivni tip podataka koji ima jednu vrijednost jednaku null.

null je samo posebna vrijednost koja ima značenje "ništa" ili "nepoznata vrijednost", tj. očito ne znači ništa.

Objekt

Objekt je struktura podataka koja se sastoji od parova ime-vrijednost.

Stvaranje objekta pomoću notacije doslovnog objekta radi se na sljedeći način:

( ime_1: vrijednost_1, ime_2: vrijednost_2, ime_3: vrijednost_3, ... )

Kao što vidite, naziv je odvojen od vrijednosti dvotočkom, a parovi su međusobno odvojeni zarezom.

Štoviše, ako je vrijednost para funkcija, tada se naziva metoda ovog objekta. Svi ostali parovi, tj. parovi u kojima se funkcija ne koristi kao vrijednost nazivaju se svojstvima objekta.

Drugim riječima, objekt je struktura podataka koja se sastoji od svojstava i metoda.

Var person = (ime: "Vitaly", age: 27, getAge: function () ( return "Age: " + this.age; ) )

Pristup svojstvima objekta vrši se kroz točku ili korištenjem notacije u zagradama.

// prikaz vrijednosti svojstva dobi u konzoli preglednika // 1. metoda (putem točke) console.log(person.age); // Metoda 2 (upotrebom zagrada) console.log(person["age"]); // pozivamo getAge metodu; vrijednost koju vraća bit će ispisana u konzolu console.log(person.getAge());

tip operatora

Operator typeof koristi se za dobivanje informacija o tipu podataka izraza kao niza.

Sintaksa operatora typeof (opcija bez zagrada):

Vrsta izraza

Vrsta sintakse operatora (upotrebom zagrada):

Vrsta(izraza)

Var name, age = 37, email = " [e-mail zaštićen]", isLicense = true, interes: null, lastExperience: ( razdoblje: "lipanj 2011. - lipanj 2018.", mjesto: "ISACA, Moskva", položaj: "Web dizajner"), getExperience: function() ( return lastExperience.period + " ("+ lastExperience.position + " - " + lastExperience.place + ")"; ); typeof name; // "undefined" typeof age; // "number" typeof isLicense; // "boolean" typeof interest; / / "object" (1) typeof lastExperience; // "object" typeof getExperience; // "function" (2) /* (1) je greška koja je prisutna u jeziku od njegove prve implementacije; nije fiksno kako bi se održala kompatibilnost i to se mora uzeti u obzir pri pisanju skripti; null je primitivan tip podataka, nije objekt */ /* (2) - vrlo je zgodno da operator typeof zasebno odvaja funkcije; ali funkcija u JavaSciptu također je objekt; to se može lako provjeriti izvođenjem sljedeće konstrukcije: */ typeof getExperience.__proto__.__proto__ // "objekt" (prototip funkcije je objekt)

Konstante

Izdavanjem ECMAScripta 6 postalo je moguće stvarati konstante. To se radi pomoću ključne riječi const.

Const COLOR_RED = "#ff0000";

Konstanta je varijabla čija je vrijednost zaštićena od promjene. Oni. Kada pokušate promijeniti vrijednost, pojavit će se pogreška.

Const COLOR_RED = "#ff0000"; COLOR_RED = "#f44336"; // Uncaught TypeError: dodjela konstantnoj varijabli.

Ako, na primjer, konstanta sadrži objekt, onda se on ne može promijeniti, odnosno referenca na njega. Ali svojstva ovog objekta mogu se mijenjati.

Const COLORS = ( crvena: "#ff0000", zelena: "#00ff00", plava: "#00ff00" ) COLORS = ["#ff0000","#00ff00","#00ff00"]; // Uncaught TypeError: dodjela konstantnoj varijabli. COLORS.green = "#4caf50";

Varijable u JavaScriptu su spremnici za pohranu raznih informacija.

JavaScript varijable

JavaScript varijable su "spremnici" u koje možete učitati razne informacije, a kasnije ga uklonite natrag.

Svaka JavaScript varijabla mora imati svoj jedinstveni naziv, koji može započeti latiničnim slovom ili simbolom "_".

Imajte na umu: Nazivi varijabli u JavaScriptu ne mogu započeti brojevima.

Imajte na umu: budući da je JavaScript osjetljiv na velika i mala slova, varijable s istim imenima napisanima različitim velikim i velikim slovima (na primjer, var i VAR) bit će različite varijable.

Stvaranje varijabli

Stvaranje varijabli u JavaScriptu često se naziva "Obavijest" varijable.

Varijable u JavaScriptu deklariraju se pomoću naredbe var.

//Kreiraj varijablu imena ex1 var ex1; //Kreirajte varijablu imena ex2 var ex2;

Gore stvorene varijable bit će prazne, odnosno stvorili smo spremnike, ali u njih nismo učitali nikakve vrijednosti.

Vrijednosti se također mogu učitati u spremnike odmah u trenutku stvaranja, kao u primjeru ispod:

//Kreirajte varijablu pod nazivom ex1 koja sadrži vrijednost 4 var ex1=4; //Kreirajte varijablu pod nazivom ex2 koja sadrži vrijednost 5 var ex2=5;

Kako biste izdvojili vrijednost iz prethodno stvorene varijable, morate se pozvati na njezin naziv.

U sljedećem primjeru izvući ćemo sadržaj varijabli i odmah ga ispisati na stranicu pomoću naredbe document.write.

//Upišite broj 4 u varijablu ex1 var ex1=4; //Upišite broj 5 u varijablu ex2 var ex2=5; //Izlaz sadržaja varijable ex1 na stranicu document.write(ex1+"
"); //Izlaz sadržaja varijable ex2 document.write(ex2+"
"); //Promjena sadržaja ex2 varijable ex2=200; //Izlaz novog sadržaja ex2 varijable document.write(ex2);

Brzi pogled

String varijable

Osim brojeva, u varijablama možete pohraniti proizvoljan tekst. Varijable koje pohranjuju tekst nazivaju se string varijablama.

Kada pišete tekst u varijablu, obavezno je stavite u dvostruke navodnike (") ili jednostruke navodnike (").

//U varijablu ex upišite niz "Pozdrav svima!" var ex="Pozdrav svima!"; //Izlaz vrijednosti ex varijable na stranicu document.write(ex);

Brzi pogled

Definiranje varijabli sa i bez var

U JavaScriptu možete definirati varijable sa ili bez var.

//Stvorite novu varijablu s var var ex=123; //Kreiraj novu varijablu bez var ex2=20;

Možda mislite da deklaracije varijabli sa i bez var uvijek daju isti rezultat, ali to je točno samo kada se deklaracija pojavljuje u globalnom kontekstu (tj. izvan svih funkcija).

Ako se deklaracija pojavljuje u lokalnom kontekstu (tj. u tijelu funkcije), deklaracija s var stvara lokalnu varijablu (tj. varijablu koja će biti dostupna samo u tijelu ove funkcije i bit će uništena nakon što funkcija se izvršava), deklaracija bez var stvara globalnu varijablu (tj. varijablu koja će biti dostupna drugim funkcijama unutar dane skripte).

Imajte na umu da ćemo kasnije u ovom vodiču više govoriti o lokalnim i globalnim varijablama.

O brisanju i redefiniranju varijabli

Redefiniranjem varijabli ne brišete vrijednost koja je u njima pohranjena.

Var ex=123; var ex; dokument.pisati(ex); // Ispisuje 123

Ako želite izbrisati varijablu u JavaScriptu, a nije deklarirana s var, možete upotrijebiti operator delete.

Primjer = 123; izbrisati ex;

Operator brisanja ne može brisati varijable deklarirane s var, pa ako je varijabla deklarirana s var, jedini način da je izbrišete je postaviti je na null ili nedefinirano.

Var ex=123; ex=nula; // ili ex=nedefinirano

Uradi sam

Vježba 1 . Ispravite pogreške u donjem kodu:

Vježba 1

var 33 var=33; document.write(33var); document.write("
"); var str1=Pozdrav svima!; document.write(str1); document.write("
"); var vaR = 288; document.write(var); document.write("
");

Zadatak 2. Vanjska datoteka secred1.js sadrži varijable sec1, sec2, sec3 i sec4, koje sadrže slova kodne riječi (ne redom). Povežite vanjsku datoteku i saznajte kodnu riječ prikazivanjem varijabilnih vrijednosti na stranici.

Zadnja izmjena: 05.04.2018

Varijable se koriste za pohranu podataka u programu. Varijable su dizajnirane za pohranu nekih privremenih podataka ili podataka koji mogu promijeniti svoju vrijednost tijekom rada. Ključne riječi var i let koriste se za stvaranje varijabli. Na primjer, deklarirajmo varijablu myIncome:

Var myIncome; // druga opcija neka myIncome2;

Svaka varijabla ima ime. Ime je nasumični niz alfanumeričkih znakova, podvlake (_) ili znaka dolara ($), a imena ne smiju započinjati numeričkim znakovima. Odnosno, u imenu možemo koristiti slova, brojke i podvlake. Međutim, svi ostali znakovi su zabranjeni.

Na primjer, ispravna imena varijabli su:

$provizija someVariable product_Store earnings2 myIncome_from_deposit

Sljedeći nazivi su netočni i ne mogu se koristiti:

222lol @someVariable moj%postotak

Također, varijablama ne možete dati imena koja odgovaraju rezerviranim ključnim riječima. U JavaScriptu nema mnogo ključnih riječi, pa ovo pravilo nije teško slijediti. Na primjer, sljedeći naziv ne bi bio točan jer je for ključna riječ u JavaScriptu:

Var za;

Popis rezerviranih riječi u JavaScriptu:

abstract, boolean, break, byte, case, catch, char, class, const, continue, debugger, default, delete, do, double, else, enum, export, extends, false, final, finally, float, for, function, goto, if, implements, import, in, instanceof, int, inteface, long, native, new, null, package, private, protected, public, return, short, static, super, switch, synchronized, this, throw, throws, prolazno, istinito, pokušaj, tipof, var, volatile, void, dok, sa

Kada imenujete varijable, imajte na umu da je JavaScript jezik koji razlikuje velika i mala slova, odnosno da su dvije različite varijable deklarirane u sljedećem kodu:

Var myIncome; var MyIncome;

Možete definirati nekoliko varijabli odjednom, odvojenih zarezima:

Var myIncome, postotak, zbroj; neka a, b, c;

Pomoću znaka jednakosti (koji se naziva i operator dodjele), možete dodijeliti vrijednost varijabli:

Var prihod = 300; neka cijena = 76;

Proces dodjele početne vrijednosti varijabli naziva se inicijalizacija.

Sada će varijabla prihoda pohraniti broj 300, a varijabla cijene broj 76.

Sjajna stvar kod varijabli je što možemo promijeniti njihovu vrijednost:

Var prihod = 300; prihod = 400; konzola.log(prihod); neka cijena = 76; cijena = 54; console.log(cijena);

Konstante

Pomoću ključne riječi const možete definirati konstantu koja, poput varijable, pohranjuje vrijednost, ali se ta vrijednost ne može promijeniti.

Konstantna stopa = 10;

Ako pokušamo promijeniti njegovu vrijednost, naići ćemo na grešku:

Konstantna stopa = 10; stopa = 23; // greška, stopa je konstanta, pa ne možemo promijeniti njenu vrijednost

Također je vrijedno napomenuti da budući da ne možemo promijeniti vrijednost konstante, ona mora biti inicijalizirana, odnosno kada je definiramo, moramo joj dati početnu vrijednost. Ako to ne učinimo, opet ćemo naići na grešku:

konstantna stopa; // pogreška, stopa nije inicijalizirana



reci prijateljima