Zmienne w JavaScript - Zrozumienie zmiennych w JavaScript

Spisie treści:

Anonim

Wprowadzenie do zmiennych w JavaScript

Zanim zaczniemy od zmiennej JavaScript, powinniśmy wiedzieć, co to właściwie oznacza. Ogólnie zmienna oznacza coś, co ciągle się zmienia. Z punktu widzenia programowania zmienna jest niczym innym jak odniesieniem do pamięci, w której zapisaliśmy pewną wartość. Mamy obecnie trzy różne sposoby deklarowania zmiennej. Każdy ma swoje własne znaczenie w użyciu. Są to:

  1. var
  2. pozwolić
  3. const

Wszystkie powyższe trzy są słowami kluczowymi w JavaScript. Ogólnie rzecz biorąc, musimy zadeklarować zmienną za pomocą słowa kluczowego var. Później w ES2015 (EcmaScript 2015) wprowadzono dwa nowe słowa kluczowe do deklarowania zmiennych, tj. Let i const. Oba mają zasięg blokowy. Ale na razie skoncentrujemy się na var.

Składnia zmiennych w JavaScript

Zmienna javascript pochodzi z zakresu. JavaSript ma dwa zakresy zasięg lokalny i zasięg globalny. Później w ES2015 wprowadziliśmy zakres blokowy.

Skoncentrujmy się na zasięgu globalnym i zasięgu lokalnym. Każda zmienna zadeklarowana na górze kodu jest dla wszystkich tylko globalna. Każdy może uzyskać do niego dostęp. Z drugiej strony zmienna zadeklarowana wewnątrz dowolnej funkcji jest lokalna dla tej funkcji i nie można uzyskać do niej dostępu spoza tego zakresu.

Przykład 1

Kod:

var color = "black";
function car()(
var model = "suzuki";
console.log("The model is "+model);
)
console.log("The color is: " + color);
car();

Wynik:

W powyższym przykładzie zmienny kolor jest zmienną globalną, a model zmiennej jest zmienną lokalną. Model zmienny ma zasięg lokalny. I nie jest dostępny z zewnątrz. Jeśli spróbujemy to zrobić, otrzymamy błąd. Sprawdźmy to.

Przykład nr 2

Kod:

var color = "black";
function car()(
var model = "suzuki";
console.log("The model is "+model);
)
console.log("The color is: " + color);
car();
console.log(model);

Wynik:

Składnia na odpowiednią deklarację

Poniższa składnia dotyczy odpowiedniej deklaracji:

  • Dla var: var variable_name;
  • Dla let: let variable_name;
  • Dla const: const variable_name;

Reguły dla zmiennych JavaScript

Poniżej znajduje się reguła dla zmiennej javascript:

  1. Nazwa zmiennej JavaScript musi zaczynać się od litery. Zakres to az i AZ.
  2. Może zaczynać się od $ i _.
  3. Zmienne JavaScript nie powinny zaczynać się od cyfry.
  4. Możemy użyć cyfr pomiędzy nazwami. np .: dom1
  5. JavaScript rozróżnia małe i duże litery. Zmienna zadeklarowana jako cena i cena są różne.
  6. Nazwy zmiennych JavaScript nie powinny mieć nazwy ani słów kluczowych. Np .: zmienna stała; nie jest to dozwolone, ponieważ const jest słowem kluczowym.

Jak działają zmienne w JavaScript?

Zmienne JavaScript są oparte na zakresach. Najpierw zrozumiemy, co jest zakresem w JavaScript. JavaScript działa w środowisku leksykalnym. Niektórzy uważają to za trudne, ale jest to proste:

  • Zacznijmy od deklaracji zmiennej. Zadeklarowanie zmiennej to nic innego, jak tylko napisanie nazwy zmiennej. W JavaScript postępujemy zgodnie z regułą, aby pisać var, a po napisaniu nazwy zmiennej var. Średnik (;) jest opcjonalny w javascript. Ale jest to pomocne, jeśli dajesz i jest to zalecane. Podanie średnika daje wyobrażenie o tym, gdzie zakończyła się instrukcja.

Kod:

var price;

  • W powyższym przykładzie słowem kluczowym jest var, a nazwa zmiennej to cena identyfikator. Jeśli studiowałeś operatorów w JavaScript, wiesz, że użyliśmy tutaj operatora przypisania (=). Każda nazwa, którą nadajemy zmiennej, jest znana w JavaScript jako identyfikator.
  • Każda wartość podana po prawej stronie zadania jest przechowywana w zmiennej, która znajduje się po lewej stronie.
  • W przypadku zmiennych zaleca się stosowanie małych liter. Mamy na to futerał na wielbłądy. Mała zmienna wielbłąda używana w zmiennych.
  • Teraz wystarczy o deklaracji JavaScript. Przejdźmy do inicjalizacji tej zmiennej.
  • Inicjalizacja zmiennej to proces przypisywania wartości do tej zmiennej. Teraz pojawia się pytanie, która wartość? Czy mamy typy danych w JavaScript? Odpowiedź brzmi: tak.
  • JavaScript jest językiem dynamicznym. Oznacza to, że nie deklarujemy wyraźnie zmiennych dla określonego typu. Sam kompilator JavaScript powoduje przymus typu dla określonego typu danych.
  • W JavaScript mamy typy danych Number, String, Boolean, Undefined i Null.
  • JavaScript ma konwencję nadającą wartość wszystkim zmiennym, które nie zostały zainicjowane. Ta wartość jest nieokreślona.

Kod:

var price =10; //initializing variable with value of 10

  • W powyższym przykładzie zmienna została już zainicjalizowana. Co jeśli nie podamy żadnej wartości zmiennej? Wypróbujmy następujący kod w konsoli JavaScript i zobaczmy wynik.

Kod:

var price;
console.log (price); //printing value to the console

W JavaScript pokazujemy dane wyjściowe na konsoli metodą console.log, jak pokazano powyżej.

Wynik:

Pamiętaj, że JavaScript z natury rozróżnia małe i wielkie litery. Zobaczmy teraz, czy przypisujemy wartość do zmiennej, a następnie jaki będzie wynik.

Kod:

var price =10; // initialized variable with the value 10
console.log(price);

Wynik:

Deklarowanie zmiennej za pomocą słowa kluczowego var domyślnie należy do jego globalnego zasięgu. Możemy zadeklarować zmienne may w tej samej linii. W tym celu musimy oddzielić każdą zmienną przecinkiem (, ).

Kluczem do odnotowania tutaj jest wartość zmiennej, która jest liczbowa, nie należy jej podawać w cudzysłowie. Jeśli podasz liczbę w cudzysłowie, JavaScript to jako ciąg.

Przykłady w zmiennych w JavaScript

Poniżej znajduje się przykład zmiennych w javascript:

Przykład 1

JavaScript var może przechowywać dane niezależnie od ich typu. Sprawdźmy jeden przykład na ten temat.

Kod:

var color = "black";
var car = "BMW";
var no = 10;
console.log("I have " + car +
" which is having "+ color+
" color, and having parked at no " +no); >

Wynik:

Przykład nr 2

Możemy zadeklarować przede wszystkim zmienne w tym samym wierszu. Spójrz na poniższy kod.

Kod:

var color = "black", car = "BMW", no = 10;
console.log("I have " + car +
" which is having "+ color+
" color, and having parked at no " +no);

Wynik:

Po prostu oddzieliliśmy każdą zmienną przecinkiem i jednocześnie ją zainicjowaliśmy.

Przykład nr 3

Teraz spojrzeliśmy na deklarację zmiennych raz. Co się stanie, jeśli ponownie zadeklarujemy zmienne? Spójrz na poniższy przykład.

Kod:

var color = "black";
var color;
console.log("The color is: " + color);

Wynik:

Nawet jeśli ponownie deklarujemy tutaj zmienną o nazwie kolor, nie traci ona swojej wartości. Daje nam czerń jako wynik.

Wniosek

JavaScript jest interpretowanym językiem i ma dynamiczny charakter. Dlatego bardzo ważne jest zrozumienie, jak to działa. Określanie zakresu zmiennej jest bardzo ważnym aspektem podczas nauki JavaScript.

Polecane artykuły

Jest to przewodnik po zmiennych w JavaScript. Tutaj szczegółowo omawiamy głębokie uczenie się w zmiennym javascript z przykładami składni i ważnymi aspektami. Możesz również przejrzeć nasze inne powiązane artykuły, aby dowiedzieć się więcej -

  1. Instrukcje warunkowe w JavaScript
  2. Zmienne w C #
  3. Zmienne w Javie
  4. Obiekty JavaScript