Zmienne i stałe JavaScript

W tym samouczku dowiesz się o zmiennych i stałych JavaScript, a także o tym, jak je inicjować i używać z pomocą przykładów.

Zmienne JavaScript

W programowaniu zmienna to kontener (obszar przechowywania) do przechowywania danych. Na przykład,

let num = 5;

Tutaj numjest zmienna, która przechowuje liczbę 5.

JavaScript Deklaruj zmienne

W JavaScript używamy słów kluczowych vari letdo deklarowania zmiennych. Na przykład,

 var x; let y;

Tutaj x i y są zmiennymi.

JavaScript var Vs let

Obie vari letsą używane do deklarowania zmiennych. Istnieją jednak między nimi różnice.

var pozwolić
var jest używany w starszych wersjach JavaScript letto nowy sposób deklarowania zmiennych rozpoczynających się w ES6 (ES2015) .
var ma zakres funkcji (zostaną omówione w dalszych samouczkach). let ma zasięg blokowy (zostanie omówiony w dalszych samouczkach).
Na przykład, var x; Na przykład, let y;

Uwaga: zaleca się użycie letzamiast var. Jednak jest kilka przeglądarek, które nie obsługują let. Odwiedź JavaScript let obsługa przeglądarki, aby dowiedzieć się więcej.

JavaScript Initialize Variables

Używamy operatora przypisania, =aby przypisać wartość zmiennej.

 let x; x = 5;

Tutaj 5 jest przypisane do zmiennej x.

Możesz także inicjalizować zmienne podczas ich deklaracji.

 let x = 5; let y = 6;

W JavaScript można deklarować zmienne w jednej instrukcji.

 let x = 5, y = 6, z = 7;

Jeśli użyjesz zmiennej bez jej inicjalizacji, będzie miała undefinedwartość.

 let x; // x is the name of the variable console.log(x); // undefined

Tutaj x jest nazwą zmiennej, a ponieważ nie zawiera żadnej wartości, będzie niezdefiniowana.

Dowiesz się szczegółowo o undefinedi innych typach danych w następnym samouczku.

Zmień wartość zmiennych

Istnieje możliwość zmiany wartości przechowywanej w zmiennej. Na przykład,

 // 5 is assigned to variable x let x = 5; console.log(x); // 5 // vaue of variable x is changed x = 3; console.log(x); // 3

Wartość zmiennej może się różnić . Stąd zmienna nazwa .

Zasady nazywania zmiennych JavaScript

Zasady nazewnictwa zmiennych są następujące:

  1. Nazwy zmiennych muszą zaczynać się literą, podkreśleniem _lub znakiem dolara $. Na przykład, 
     //valid let a = 'hello'; let _a = 'hello'; let $a = 'hello';
  2. Nazwy zmiennych nie mogą zaczynać się od cyfr. Na przykład, 
     //invalid Let 1a = 'hello'; // this gives an error
  3. JavaScript rozróżnia wielkość liter. Więc y i Y to różne zmienne. Na przykład, 
     let y = "hi"; let Y = 5; console.log(y); // hi console.log(Y); // 5
  4. Słowa kluczowe nie mogą być używane jako nazwy zmiennych. Na przykład, 
     //invalid let new = 5; // Error! new is a keyword.

Uwagi:

  • Chociaż możesz nazywać zmienne w dowolny sposób, dobrą praktyką jest nadanie zmiennej opisowej nazwy. Jeśli używasz zmiennej do przechowywania liczby jabłek, lepiej jest używać jabłek lub numberOfApples zamiast x lub n.
  • W JavaScript nazwy zmiennych są zwykle zapisywane w camelCase, jeśli ma wiele słów. Na przykład imię i nazwisko, roczne wynagrodzenie itp.

Stałe JavaScript

constHasło zostało również wprowadzone w ES6 (ES2015) wersji do tworzenia stałych. Na przykład,

 const x = 5;

Po zainicjowaniu stałej nie możemy zmienić jej wartości.

 const x = 5; x = 10; // Error! constant cannot be changed. console.log(x)

Po prostu stała to typ zmiennej, której wartości nie można zmienić.

Nie można również zadeklarować stałej bez jej zainicjowania. Na przykład,

 const x; // Error! Missing initializer in const declaration. x = 5; console.log(x)

Uwaga: Jeśli masz pewność, że wartość zmiennej nie zmieni się w trakcie programu, zaleca się jej użycie const. Jednak jest kilka przeglądarek, które nie obsługują const. Odwiedź stronę dotyczącą obsługi JavaScript w przeglądarce, aby dowiedzieć się więcej.

Teraz, gdy wiesz już o zmiennych, w następnym samouczku dowiesz się o różnych typach danych, które zmienna może przechowywać.

Interesujące artykuły...