Proměnné v JavaScriptu - Porozumění proměnným v JavaScriptu

Obsah:

Anonim

Úvod do proměnných v JavaScriptu

Než začneme s proměnnou JavaScript, měli bychom vědět, co tento termín ve skutečnosti znamená. Obecně proměnná znamená něco, co se neustále mění. Z hlediska programování proměnná není nic jiného než odkaz na paměť, do které jsme uložili nějakou hodnotu. V současné době máme tři různé způsoby, jak proměnnou deklarovat. Každý z nich má svůj vlastní význam. Jedná se o následující:

  1. var
  2. nechat
  3. konst

Všechna výše uvedená tři jsou klíčová slova v JavaScriptu. Obecně musíme deklarovat proměnnou pomocí klíčového slova var. Později v ES2015 (EcmaScript 2015) zavedla dvě nová klíčová slova pro deklarování proměnných, tj. Let a const. Oba mají blokový rozsah. Ale prozatím se soustředíme na var.

Syntaxe proměnných v JavaScriptu

Proměnná javascript je dodávána s rozsahem. JavaSript má dva rozsahy místní rozsah a globální rozsah. Později v ES2015 jsme představili s rozsahem bloku.

Zaměřme se na globální rozsah a místní rozsah. Jakákoli proměnná deklarovaná v horní části kódu není nic jiného než globální pro všechny. Přístup má kdokoli. V jiné postranní proměnné deklarované uvnitř jakékoli funkce je místní funkce a nelze k ní přistupovat mimo tento rozsah.

Příklad č. 1

Kód:

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

Výstup:

Ve výše uvedeném příkladu je proměnná barva globální proměnná a variabilní model je lokální proměnná. Variabilní model je lokální vzhledem k jeho funkčnímu rozsahu. A není přístupný zvenčí. Pokud se o to pokusíme, dostaneme chybu. Pojďme to zkontrolovat.

Příklad č. 2

Kód:

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

Výstup:

Syntaxe pro příslušné prohlášení

Pro příslušnou deklaraci platí následující syntaxe:

  • Pro var: var variable_name;
  • Pro let: let variable_name;
  • Pro const: const variable_name;

Pravidla pro proměnné Javascript

Níže je pravidlo pro proměnnou javascript:

  1. Název proměnné Javascript musí začínat písmenem.range je az a AZ.
  2. Může to začínat $ a _.
  3. Proměnné Javascript by neměly začínat číslicí.
  4. Můžeme použít číslici mezi jménem. Příklad: dům1
  5. JavaScript rozlišuje velká a malá písmena, takže proměnná uváděná jako cena a cena se liší.
  6. Názvy proměnných JavaScriptu by neměly obsahovat název nebo klíčová slova. Příklad: variabilní const; to není povoleno, protože const je klíčové slovo.

Jak fungují proměnné v JavaScriptu?

Proměnné JavaScriptu jsou založeny na rozsahu. Nejprve pochopíme, co je rozsah v JavaScriptu. JavaScript pracuje ve svém lexikálním prostředí. Někteří lidé to považují za složité, ale je to přímo vpřed:

  • Začněme deklarací proměnné. Deklarování proměnné není nic jiného než jen napsat název proměnné. V JavaScriptu se řídíme pravidlem psát var a po zapsání proměnné název proměnné. Středník (;) je v javascriptu volitelný. Ale je to užitečné, pokud dáte, a je doporučený způsob, jak toho dosáhnout. Dát středník dává představu, že kde prohlášení skončilo.

Kód:

var price;

  • Ve výše uvedeném příkladu je klíčové slovo var a název proměnné je cena a identifikátor. Pokud jste studovali operátory v JavaScriptu, víte, že jsme zde použili operátora přiřazení (=). Jakýkoli název, který proměnné dáme, se v JavaScriptu označuje jako identifikátor.
  • Jakákoli hodnota zadaná na pravé straně přiřazení je uložena v proměnné, která je na levé straně.
  • Pro proměnné se doporučuje používat malá písmena. Máme na to velbloudí pouzdro. Dolní velbloudí pouzdro použité v proměnných.
  • Nyní dost o deklaraci JavaScriptu. Pojďme k inicializaci této proměnné.
  • Inicializace proměnné je proces přiřazení hodnoty této proměnné. Nyní vyvstává otázka, jakou hodnotu? Máme datové typy v JavaScriptu? A odpověď zní ano.
  • JavaScript je dynamický jazyk. To znamená, že proměnné výslovně neoznačujeme u konkrétního typu. Samotný kompilátor jazyka JavaScript donucuje typ dat.
  • V JavaScriptu máme datové typy typu Number, String, Boolean, Undefined a Null.
  • JavaScript má konvenci dávat hodnotu všem proměnným, které nejsou inicializovány. A tato hodnota není definována.

Kód:

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

  • Ve výše uvedeném příkladu jsme již inicializovali proměnnou. Co když proměnné nedáme žádnou hodnotu? Zkusme následující kód v konzole JavaScriptu a uvidíme výsledek.

Kód:

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

V JavaScriptu zobrazujeme výstup na konzoli pomocí metody console.log, jak je ukázáno výše.

Výstup:

Nezapomeňte, že JavaScript má ve své podstatě velká a malá písmena. Nyní se podívejme, jestli proměnné přiřadíme hodnotu, pak jaký bude výstup.

Kód:

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

Výstup:

Deklarování proměnné pomocí klíčového slova var patří ve výchozím nastavení do globálního rozsahu. Můžeme deklarovat proměnné na stejném řádku. Proto musíme každou proměnnou oddělit čárkou (, ).

Klíčem, který si zde poznamenáme, je také hodnota proměnné, která je číselná, která by neměla být uváděna v uvozovkách. Pokud uvedete číslo v uvozovkách, pak JavaScript jako řetězec.

Příklady proměnných v JavaScriptu

Níže je uveden příklad proměnných v javascriptu:

Příklad č. 1

JavaScript var může ukládat data bez ohledu na jejich typ. Podívejme se na jeden příklad.

Kód:

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); >

Výstup:

Příklad č. 2

Na stejném řádku můžeme deklarovat především všechny proměnné, podívejte se na níže uvedený kód.

Kód:

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

Výstup:

Každou proměnnou jsme oddělili čárkou a současně jsme to inicializovali.

Příklad č. 3

Nyní jsme se jednou podívali na deklarování proměnných. Co se stane, pokud proměnné znovu deklarujeme? Podívejte se na níže uvedený příklad.

Kód:

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

Výstup:

I když zde deklarujeme proměnnou zvanou color, neztrácí její hodnotu. To nám dává černou jako výstup.

Závěr

JavaScript je interpretovaný jazyk a dynamický charakter. Takže pochopení toho, jak to funguje, je velmi důležité. Rozsah proměnné je velmi důležitým aspektem při učení JavaScriptu.

Doporučené články

Toto je průvodce proměnnými v JavaScriptu. Zde diskutujeme podrobně hluboké učení v proměnné javascript s příklady syntaxe a důležitými aspekty. Další informace naleznete také v dalších souvisejících článcích -

  1. Podmíněné příkazy v JavaScriptu
  2. Proměnné v C #
  3. Proměnné v Javě
  4. Objekty JavaScriptu