JavaVarijabla skripte: deklarirajte, dodijelite vrijednost s primjerom

By: James Hartman James Hartman
Hours Ažurirano

⚡ Pametni sažetak

JavaVarijable skripte pohranjuju vrijednosti poput imena i brojeva ili rezultat izraza. Deklarisanje jedne s var, let ili const rezervira imenovani utor koji ostatak skripte može čitati i ažurirati.

  • 🔘 Izjava: Ključne riječi var, let ili const stvaraju ime prije nego što ga bilo koja linija koda pročita ili zapiše.
  • ☑️ Zadatak: Jedan znak jednakosti kopira vrijednost u varijablu, bilo u deklaracijskoj liniji ili kasnije.
  • ✅ imenovanje: Imena počinju slovom, znakom dolara ili podcrtom, a velika i mala slova se računaju kao različita.
  • 🧪 Moderne ključne riječi: const odgovara vrijednostima koje se nikad ne mijenjaju, let odgovara vrijednostima koje se mijenjaju, a var preživljava uglavnom u naslijeđenim skriptama.
  • 🛠️ Opseg: let i const ostaju unutar svojih zagrada, dok var doseže cijelu okolnu funkciju.
  • 📌 Uobičajene greške: Ponovno dodjeljivanje konstante, prerano čitanje let-a ili izostavljanje ključne riječi uzrokuju zasebnu grešku.
Pročitaj više

Proglašavanje JavaVarijabla skripte i dodjeljivanje vrijednosti istoj

Varijable se koriste za pohranjivanje vrijednosti (ime = “John”) ili izraza (suma = x + y). Svaka vrijednost koju skripta čuva za kasnije - korisničko ime, tekući zbroj, zastavica da ili ne - nalazi se u varijabli, pa je njihovo dobro deklariranje i imenovanje prva vještina koju treba steći JavaScript.

Deklarirajte varijable u JavaScript

Prije korištenja varijable, prvo je morate deklarirati. Morate upotrijebiti ključnu riječ var za deklariranje varijable ovako:

var name;

Sama deklaracija stvara ime i ništa više. U ovom trenutku varijabla postoji, ali sadrži posebnu vrijednost nedefiniranu, jer joj još nije unesena nikakva vrijednost.

⚠️ Napomena o verziji: var je izvorna ključna riječ deklaracije i još uvijek se izvršava u svakom pregledniku. Dodan je ES6 (2015). pustiti i const, koje su ključne riječi moderno JavaUpotreba skripte. Obje su uspoređene s var dalje na ovoj stranici.

Dodijelite vrijednost varijabli

Možete dodijeliti vrijednost varijabli ili tijekom deklaracije varijable ili nakon deklaracije varijable.

var name = "John";

OR

var name;

name = "John";

Oba oblika završavaju istim rezultatom. Jednostruki znak jednakosti je operator dodjeljivanja: kopira vrijednost s desne strane u varijablu s lijeve strane. Nije test jednakosti, koji se piše == ili === i pripada u uvjetne izjave.

Imenovanje varijabli

Iako varijable možete imenovati kako želite, dobra je programerska praksa davati varijablama opisna i smislena imena. Štoviše, imena varijabli trebaju počinjati slovom i razlikuju se od velikih i malih slova. Stoga su varijable studentname i studentName različite jer je slovo n u nazivu drugačije (n i N).

Četiri pravila odlučuju je li ime uopće legalno:

  1. Prvi znak mora biti slovo, znak dolara ili podvlaka - nikada znamenka.
  2. Nakon prvog znaka dopuštena su slova, brojke, znakovi dolara i podvlake.
  3. Razmaci nisu dopušteni, zbog čega se ideja od dvije riječi spaja kao ImeStudenta, a ne ostavlja kao dvije riječi.
  4. Rezervirane riječi poput var, let, const, class i return ne mogu se ponovno koristiti kao imena.

Po konvenciji JavaNazivi skripti koriste camelCase, tako da je prva riječ malo slovo, a svaka sljedeća riječ počinje velikim slovom: firstName, totalPrice, isLoggedIn.

Skripta u nastavku deklarira dvije varijable, primjenjuje na njih pet aritmetičkih operatora i zapisuje svaki rezultat na stranicu. Pokušajte sami:

<html>
<head>
<title>Variables!!!</title>
<script type="text/javascript">
var one = 22;
var two = 3;
var add = one + two;
var minus = one - two;
var multiply = one * two;
var divide = one/two;
	document.write("First No: = " + one + "<br />Second No: = " + two + " <br />");
	document.write(one + " + " + two + " = " + add + "<br/>");
	document.write(one + " - " + two + " = " + minus + "<br/>");
	document.write(one + " * " + two + " = " + multiply + "<br/>");
	document.write(one + " / " + two + " = " + divide + "<br/>");
</script>
</head>
<body>
</body>
</html>

var vs let vs const u Modernu JavaScript

Samo je var postojao kada JavaSkripta je prvi put napisana i ima dvije navike koje iznenađuju početnike: može se tiho ponovno deklarirati i ignorira granice blokova. Dodani su let i const kako bi se ispravili oba problema. Tablica u nastavku prikazuje tri ključne riječi jednu pored druge.

ponašanje je pustiti const
Djelokrug Cijela funkcija Ogradni blok Ogradni blok
Može se preraspodijeliti Da Da Ne
Može se ponovno deklarirati u istom opsegu Da Ne Ne
Vrijednost obavezna u retku deklaracije Ne Ne Da
Pročitajte prije objave Vraća nedefinirano Pogreška reference Pogreška reference

Jednostavna navika pokriva gotovo svaki slučaj: posegnite za const prvo, prebacite se na pustiti trenutak kada se vrijednost zaista mora promijeniti, kao što je brojač unutar jednog od JavaPetlje skriptei zadržite var za čitanje starog koda umjesto pisanja novog koda.

POVEZANI ČLANCI

Promjenjivi doseg i dizanje u JavaScript

Opseg određuje koji dijelovi skripte mogu vidjeti varijablu. Deklaracija var pripada funkciji koja je sadrži, pa izbjegava bilo koji if blok ili for blok unutar te funkcije. Deklaracija let ili const pripada paru zagrada u kojima se nalazi i nestaje izvan njih.

function demo() {
  if (true) {
    var wide = "visible throughout demo()";
    let narrow = "visible only inside these braces";
  }
  console.log(wide);
  console.log(narrow);
}

Prvi console.log ispisuje svoj niz. Drugi baca ReferenceError, jer narrow više ne postoji nakon što se if blok završi.

Dizanje je druga polovica priče. JavaSkripta registrira svaku deklaraciju u opsegu prije nego što pokrene jedan redak tog opsega. Naziv var je registriran i postavljen na undefined, pa je čitanje rano legalno, ali beskorisno. Naziv let ili const je registriran bez vrijednosti, a razmak između vrha bloka i retka deklaracije naziva se privremena mrtva zona.

console.log(a);
var a = 1;

console.log(b);
let b = 2;

Prvi redak ispisuje nedefinirano. Treći redak završava s „Cannot access 'b' before initialization“ - greškom koja let čini sigurnijim od var, jer pokazuje na stvarnu grešku umjesto da je skriva.

Uobičajene pogreške prilikom deklariranja JavaVarijable skripte

Pet poruka čini većinu konzolnog izlaza koji početnici vide dok uče varijable. Svaka od njih imenuje određeni uzrok, tako da je rješenje obično jedna linija.

Poruka konzole Izazvati Popraviti
Sintaktička pogreška: Identifikator 'x' je već deklariran let ili const korišteni dva puta za isto ime u jednom bloku Ponovno upotrijebite postojeću varijablu ili preimenujte drugu
TypeError: dodjela konstantnoj varijabli Konstanti je dodijeljena nova vrijednost Deklarirajte ga s let ako se vrijednost mora promijeniti
ReferenceError: Nije moguće pristupiti 'x' prije inicijalizacije Unutar vremenske mrtve zone pročitana je vrijednost let ili const. Pomaknite tekst ispod crte deklaracije
ReferenceError: x nije definiran Ime nikada nije objavljeno ili je pogrešno napisano Deklarirajte to ili ispravite pravopis i velika i mala slova
Nedefinirano se pojavljuje tamo gdje se očekivala vrijednost Varijabla je deklarirana, ali nikada nije dodijeljena Dodijelite vrijednost prije prvog čitanja

Dodavanje naredbe „use strict“ na vrh datoteke pretvara tihu verziju četvrtog slučaja – dodjeljivanje imenu koje nikada nije deklarirano – u vidljivu grešku, zbog čega pripada svakoj novoj skripti. Ista pravila varijabli prenose se nepromijenjena u nizovi, predmetii kod na strani poslužitelja napisan za Node.js.

Pitanja i odgovori

Bilo koji od njih. JavaSkripta je dinamički tipizirana, tako da jedna varijabla može sadržavati broj, zatim niz znakova, a zatim objekt. Deklaracija rezervira ime, a ne tip. Koristite typeof za provjeru što varijabla sadrži u bilo kojem trenutku.

JavaSkripta stvara implicitnu globalnu varijablu koju drugi kod može slučajno prebrisati. Dodavanje naredbe "use strict" na vrh datoteke pretvara isti redak u ReferenceError, pa se greška pojavljuje odmah umjesto da se tiho širi.

undefined znači da je varijabla deklarirana, ali joj nikada nije dodijeljena vrijednost. null je vrijednost koju namjerno dodjeljujete da znači „ovdje nema ništa“. Obje su netočne, ali typeof undefined vraća „undefined“ dok typeof null vraća „object“.

Operator plus spaja tekst kad god je bilo koja strana niz, pa 22 + "3" daje "223". Prvo pretvorite pomoću Number() ili parseInt() kada je namijenjena aritmetika. Podtraccija nema tekstualno značenje, pa "3" − 1 ispravno vraća 2.

Da. const zaključava povezivanje, a ne vrijednost, tako da se svojstva const objekta i elemenata const niza i dalje mogu mijenjati. Ponovno dodjeljivanje same varijable izbacuje TypeError. Koristite Object.freeze() kada sadržaj mora ostati fiksan.

AI asistenti ugrađeni u moderne uređivače predlažu ključnu riječ i opisni naziv iz okolnog konteksta, označavaju varijablu koja bi trebala biti konstanta i preimenuju svaku upotrebu u jednom koraku. Tretirajte svaki prijedlog kao nacrt i potvrdite da je opseg ispravan.

Često, da. Ko-pilot čita obližnji kod i nudi imena koja odgovaraju okolnom stilu, što pomaže u zamjeni rezerviranih mjesta poput x ili temp. RevPogledajte svako ime, jer tečan prijedlog i dalje može opisati pogrešnu stvar.

console.log() ispisuje trenutnu vrijednost u konzolu preglednika. Za detaljniji pregled, postavite breakpoint u ploči Izvori u DevToolsima i zadržite pokazivač miša iznad naziva ili ga dodajte na popis za praćenje kako biste pročitali vrijednost u tom točnom retku.

Sažmite ovu objavu uz: