Wszystkie przydatne linki umieszczę na końcu wpisu.

Cześć, w tym wpisie postaram się wyjaśnić czym jest zmienna i jak ją stworzyć.

Na początku polecę ci 4 edytory kodu, używałem ich i pisało mi się w nich dobrze :D

1. Atom
2. Brackets
3. Sublime Text
4. Notepad++

Z nich wszystkich najbardziej polecam ci Brackets, według mnie najlepszy z tego zestawienia. Możesz wybrać jakikolwiek edytor kodu, kod mógłbyś pisać nawet w zwyczajnym systemowym notatniku, ale byłoby to o wiele mniej przyjemne niż używanie edytorów, które posiadają wiele ułatwień np.:

• Wtyczki

---

• Podpowiadanie składni

---

• Kolorowanie kodu

---

• podkreślanie błędów

---

No dobrze zacznijmy od tego czym jest zmienna.

Zmienne to w pewnym uproszczeniu pojemniki w pamięci, w których przechowujemy pewne dane.

Każda zmienna składa się z trzech rzeczy:

1. Nazwa zmiennej
2. Wartość zmiennej
3. Miejsce w pamięci

Nazwa zmiennej może być dowolna, ale są pewne zasady, których musisz przestrzegać wymyślając nazwy zmiennych:

1. Zmienna nie może zaczynać się od cyfry,
2. Nazwa zmiennej nie może mieć w sobie spacji,
3. Nazwą zmiennej nie mogą być słowa kluczowe, - link do tych słów na końcu posta.
4. Zmienne piszemy po angielsku, - nie jest to narzucone przez język, ale jest to dobra praktyka
5. Nazwa zmiennej powinna objaśniać swoje znaczenie - to samo co wyżej

W języku JavaScript mamy 7 typów wartości:

1. Number - liczby
2. String - ciąg znaków
3. Boolean - wartości logiczne
4. Null
5. Object
6. Undefined
7. Symbol(wprowadzony w EcmaScript 2015)

W tym wpisie pojawią się tylko 4 z nich, Number, String, Boolean i Undefined.

Istnieją dwa etapy tworzenia zmiennych:

1. Deklaracja
2. Inicjalizacja

Deklaracja zmiennej polega na tym, że tworzymy zmienną nie nadając jej wartości. Podczas deklaracji zmiennej przypisywana jest wartość undefined.

Inicjalizacja (inicjowanie) polega na przypisaniu wartości do danej zmiennej.

Deklaracja wygląda następująco

 var variableName; - wartosc tej zmiennej jest typu undefined

Inicjalizacja wygląda tak

 variableName = jakaś_wartość;

Można jednocześnie zadeklarować i zinicjalizować zmienną

 var variableName = jakas_wartość;

---

Kończenie średnikiem nie jest narzucone przez język, ale jest to dobra praktyka.

tworzenie zmiennych o różnych typach wartości:

String to ciąg znaków

 var headerText = "Jakiś tekst"; 

jak widać na przykładzie ciąg znaków musi znaleźć się pomiędzy cudzysłowami.

Podwójnymi "" lub pojedynczymi ''.

Number to po prostu liczby

 var numberOne = 1;

Typ Boolean może przyjąć dwie wartości logiczne true lub false

 var isAdmin = false;

Typ Undefined to inaczej typ nieokreślony

 var userName = undefined;

---

Typ zmiennej można sprawdzić za pomocą operatora typeof()

Do niedawana można było tworzyć zmienne jedynie za pomocą słowa kluczowego var, jednak od 2015 roku, od wejścia standardu EcmaScript 2015 posiadamy dwa nowe słowa kluczowe do tworzenia zmiennych, const i let. W następnym wpisie wyjaśnię różnice pomiędzy nimi.

Garść przydatnych linków:

Operator typeof()

Słowa kluczowe

Wyświetlanie danych w oknie konsoli przeglądarki

Dzięki za przeczytanie i wytrwanie do końca.

Widzimy się, w następnym wpisie :D.