Zmienne JavaScript
4 sposoby zadeklarowania zmiennej JavaScript:
- Za pomocą
var
- Za pomocą
let
- Za pomocą
const
- Używanie niczego
Czym są zmienne?
Zmienne to kontenery do przechowywania danych (przechowywania wartości danych).
W tym przykładzie , x
i y
, z
są zmiennymi zadeklarowanymi za pomocą var
słowa kluczowego:
Przykład
var x = 5;
var y = 6;
var z = x + y;
W tym przykładzie , x
i y
, z
są zmiennymi zadeklarowanymi za pomocą let
słowa kluczowego:
Przykład
let x = 5;
let y = 6;
let z = x + y;
W tym przykładzie , x
i y
, z
to niezadeklarowane zmienne:
Przykład
x = 5;
y = 6;
z = x + y;
Ze wszystkich powyższych przykładów możesz się domyślić:
- x przechowuje wartość 5
- y przechowuje wartość 6
- z przechowuje wartość 11
Kiedy używać JavaScript var?
Zawsze deklaruj zmienne JavaScript za pomocą var
, let
lub const
.
Słowo var
kluczowe jest używane we wszystkich kodach JavaScript od 1995 do 2015.
Słowa kluczowe i zostały dodane let
do const
JavaScript w 2015 roku.
Jeśli chcesz, aby Twój kod działał w starszej przeglądarce, musisz użyć var
.
Kiedy używać stałej JavaScript?
Jeśli chcesz mieć ogólną zasadę: zawsze deklaruj zmienne z const
.
Jeśli uważasz, że wartość zmiennej może się zmienić, użyj let
.
W tym przykładzie , price1
i price2
, total
są zmiennymi:
Przykład
const price1 = 5;
const price2 = 6;
let total = price1 + price2;
Dwie zmienne price1
i price2
są deklarowane za pomocą const
słowa kluczowego.
Są to wartości stałe i nie można ich zmienić.
Zmienna total
jest deklarowana za pomocą let
słowa kluczowego.
Jest to wartość, którą można zmienić.
Tak jak Algebra
Podobnie jak w algebrze, zmienne przechowują wartości:
let x = 5;
let y = 6;
Podobnie jak w algebrze, zmienne są używane w wyrażeniach:
let z = x + y;
Z powyższego przykładu możesz się domyślić, że suma jest obliczona na 11.
Notatka
Zmienne to pojemniki do przechowywania wartości.
Identyfikatory JavaScript
Wszystkie zmienne JavaScript muszą być identyfikowane unikalnymi nazwami .
Te unikalne nazwy nazywane są identyfikatorami .
Identyfikatory mogą być krótkimi nazwami (jak x i y) lub bardziej opisowymi nazwami (wiek, suma, całkowita objętość).
Ogólne zasady konstruowania nazw zmiennych (unikalnych identyfikatorów) to:
- Nazwy mogą zawierać litery, cyfry, podkreślenia i znaki dolara.
- Imiona muszą zaczynać się na literę
- Nazwy mogą również zaczynać się od $ i _ (ale nie będziemy ich używać w tym samouczku)
- W nazwach rozróżniana jest wielkość liter (y i Y to różne zmienne)
- Zastrzeżone słowa (takie jak słowa kluczowe JavaScript) nie mogą być używane jako nazwy
Notatka
W identyfikatorach JavaScript rozróżniana jest wielkość liter.
Operator przydziału
W JavaScript znak równości ( =
) jest operatorem „przypisania”, a nie operatorem „równa się”.
To różni się od algebry. W algebrze to nie ma sensu:
x = x + 5
W JavaScript ma to jednak sens: przypisuje wartość x + 5 do x.
(Oblicza wartość x + 5 i umieszcza wynik w x. Wartość x jest zwiększana o 5.)
Notatka
Operator "równa się" jest napisany jak ==
w JavaScript.
Typy danych JavaScript
Zmienne JavaScript mogą przechowywać liczby takie jak 100 i wartości tekstowe, takie jak „Jan Kowalski”.
W programowaniu wartości tekstowe nazywane są ciągami tekstowymi.
JavaScript może obsługiwać wiele typów danych, ale na razie pomyśl tylko o liczbach i łańcuchach.
Ciągi są pisane w podwójnych lub pojedynczych cudzysłowach. Liczby są pisane bez cudzysłowów.
Jeśli umieścisz liczbę w cudzysłowie, będzie ona traktowana jako ciąg tekstowy.
Przykład
const pi = 3.14;
let person = "John Doe";
let answer = 'Yes I am!';
Deklarowanie zmiennej JavaScript
Tworzenie zmiennej w JavaScript nazywa się „deklarowaniem” zmiennej.
Deklarujesz zmienną JavaScript za pomocą słowa kluczowego var
lub let
:
var carName;
lub:
let carName;
Po deklaracji zmienna nie ma wartości (technicznie jest to undefined
).
Aby przypisać wartość do zmiennej, użyj znaku równości:
carName = "Volvo";
Możesz również przypisać wartość do zmiennej podczas jej deklarowania:
let carName = "Volvo";
W poniższym przykładzie tworzymy zmienną o nazwie carName
i przypisujemy jej wartość „Volvo”.
Następnie "wypisujemy" wartość wewnątrz akapitu HTML z id="demo":
Przykład
<p id="demo"></p>
<script>
let carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script>
Notatka
Dobrą praktyką programistyczną jest deklarowanie wszystkich zmiennych na początku skryptu.
Jedno stwierdzenie, wiele zmiennych
W jednej instrukcji można zadeklarować wiele zmiennych.
Rozpocznij instrukcję od var
i oddziel zmienne przecinkami :
Przykład
let person = "John Doe", carName = "Volvo", price = 200;
Deklaracja może obejmować wiele wierszy:
Przykład
let person = "John Doe",
carName = "Volvo",
price = 200;
Wartość = niezdefiniowana
W programach komputerowych zmienne są często deklarowane bez wartości. Wartość może być czymś, co należy obliczyć, lub czymś, co zostanie dostarczone później, na przykład dane wejściowe użytkownika.
Zmienna zadeklarowana bez wartości będzie miała wartość
undefined
.
Zmienna carName będzie miała wartość undefined
po wykonaniu tej instrukcji:
Przykład
let carName;
Ponowne deklarowanie zmiennych JavaScript
Jeśli ponownie zadeklarujesz zmienną JavaScript zadeklarowaną za pomocą var
, nie straci ona swojej wartości.
carName
Po wykonaniu tych instrukcji zmienna nadal będzie miała wartość „Volvo”:
Przykład
var carName = "Volvo";
var carName;
Notatka
Nie można ponownie zadeklarować zmiennej zadeklarowanej za pomocą let
lub const
.
To nie zadziała:
let carName = "Volvo";
let carName;
Arytmetyka JavaScript
Podobnie jak w przypadku algebry, możesz wykonywać arytmetykę ze zmiennymi JavaScript, używając operatorów takich jak =
i +
:
Przykład
let x = 5 + 2 + 3;
Możesz także dodać ciągi, ale ciągi zostaną połączone:
Przykład
let x = "John" + " " + "Doe";
Spróbuj też tego:
Przykład
let x = "5" + 2 + 3;
Notatka
Jeśli umieścisz liczbę w cudzysłowie, pozostałe liczby będą traktowane jako ciągi i połączone.
Teraz spróbuj tego:
Przykład
let x = 2 + 3 + "5";
Znak dolara JavaScript $
Ponieważ JavaScript traktuje znak dolara jako literę, identyfikatory zawierające $ są poprawnymi nazwami zmiennych:
Przykład
let $ = "Hello World";
let $$$ = 2;
let $myMoney = 5;
Używanie znaku dolara nie jest zbyt powszechne w JavaScript, ale profesjonalni programiści często używają go jako aliasu dla głównej funkcji w bibliotece JavaScript.
Na przykład w bibliotece JavaScript jQuery główna funkcja
$
służy do wybierania elementów HTML. W jQuery $("p");
oznacza "wybierz wszystkie elementy p".
Podkreślenie JavaScript (_)
Ponieważ JavaScript traktuje podkreślenie jako literę, identyfikatory zawierające _ są poprawnymi nazwami zmiennych:
Przykład
let _lastName = "Johnson";
let _x = 2;
let _100 = 5;
Używanie podkreślenia nie jest zbyt powszechne w JavaScript, ale wśród profesjonalnych programistów przyjęło się używać go jako aliasu dla „prywatnych (ukrytych)” zmiennych.