Zmienne JavaScript

Zmienne JavaScript

Zmienne JavaScript są kontenerami przechowującymi wartości danych.

W tym przykładzie, x, y i z są zmiennymi:

Przykład

var x = 7;
var y = 8;
var z = x + y;

Spróbuj sam

Z poprzedniego przykładu, możesz uzyskać:

  • x przechowuje wartość 7
  • y przechowuje wartość 8
  • z przechowuje wartość 15

podobnie jak w algebry

W tym przykładzie, price1, price2 oraz total są zmiennymi:

Przykład

var price1 = 7;
var price2 = 8;
var price3 = 12;
var total = price1 + price2 + price3;

Spróbuj sam

W programowaniu, podobnie jak w algebry, używamy zmiennych (np. price1) do przechowywania wartości.

W programowaniu, podobnie jak w algebry, używamy zmiennych w wyrażeniach (total = price1 + price2).

Z poprzedniego przykładu, możesz obliczyć, że wartość total wynosi 27.

Wskazówka:Zmienne JavaScript są kontenerami przechowującymi wartości danych.

identyfikatory JavaScript

wszystkie JavaScript zmiennemuszą zaczynać się odunikalnymi nazwamizidentyfikatorem.

Te unikalne nazwy nazywane sąIdentyfikatory.

Identyfikatory mogą być krótkie (np. x i y), lub bardziej opisowe (age, sum, totalVolume).

Zasady tworzenia nazw zmiennych (unikalnych identyfikatorów) są ogólne:

  • nazwy mogą zawierać litery, cyfry, podkreślenia i znak dolara
  • nazwy muszą zaczynać się od
  • nazwy mogą również $ i _ można zaczynać od
  • Nazwy są wrażliwe na wielkość liter (y i Y to różne zmienne)
  • Słowa kluczowe (np. kluczowe słowa JavaScript) nie mogą być używane jako nazwy zmiennych

Wskazówka:Identyfikatory JavaScript są wrażliwe na wielkość liter.

operatorem przypisania

W JavaScript, znak równości (=jest operatorem przypisania, a nie operatorem 'equals'.

To jest różne od algebry. Poniższy kod jest nielogiczny w kontekście algebry:

x = x + 5

Jednak w JavaScript jest to całkiem sensowne: przypisz wartość x + 5 do x.

（Oblicz wartość x + 5 i umieść wynik w x. Wartość x zwiększa się o 5.）

Komentarz:Operator "równa się" w JavaScript to ==.

Typy danych JavaScript

Zmienne w JavaScript mogą przechowywać liczby, takie jak 100, oraz wartości tekstowe, takie jak "Bill Gates".

W programowaniu wartości tekstowe nazywane są ciągami znaków.

JavaScript obsługuje wiele typów danych, ale teraz skupimy się na liczbach i wartościach tekstowych.

Ciągi znaków są otoczone podwójnymi lub pojedynczymi cudzysłowami. Liczby nie są otoczone cudzysłowami.

Jeśli umieścisz liczbę w cudzysłowie, będzie ona traktowana jako ciąg znaków.

Przykład

var pi = 3.14;
var person = "Bill Gates";
var answer = 'How are you!';

Spróbuj sam

deklaracja (tworzenie) zmiennych w JavaScript

W JavaScriptie tworzenie zmiennych nazywa się "deklarowaniem" zmiennych.

możesz var kluczowymi słowami do deklarowania zmiennych w JavaScript:

var carName;

Po deklaracji zmienna nie ma wartości. (Technicznie, jej wartość jest undefined。）

np.przypisanieAby przypisać wartość zmiennej, użyj znaku równości:

carName = "porsche";

Możesz przypisać wartość zmiennej podczas jej deklaracji:

var carName = "porsche";

W powyższym przykładzie utworzyliśmy zmienną o nazwie carName i przypisaliśmy jej wartość "porsche".

Następnie, "wypisujemy" wartość w sekcji HTML o id="demo":

Przykład

<p id="demo"></p>
<script>
var carName = "porsche";
document.getElementById("demo").innerHTML = carName; 
</script>

Spróbuj sam

Wskazówka:

Deklaracja wszystkich zmiennych na początku skryptu to dobry zwyczaj!

jeden zapis, wiele zmiennych

możesz zadeklarować wiele zmiennych w jednym zdaniu. var jako początek zdania, a takżeprzecinekRozdziel zmienne:

var person = "Bill Gates", carName = "porsche", price = 15000;

Spróbuj sam

Deklaracja może rozciągać się na wiele wierszy:

var person = "Bill Gates",
carName = "porsche",
price = 15000;

Spróbuj sam

Value = undefined

W programach komputerowych, deklarowane zmienne często nie mają wartości. Wartość może być treścią do obliczenia lub danymi dostarczonymi później, np. danymi wejściowymi.

Zmienna bez wartości, jej wartość będzie undefined.

Wartość zmiennej carName po wykonaniu tego zdania to undefined:

Przykład

var carName;

Spróbuj sam

Powtarzanie deklaracji zmiennych JavaScript

Jeśli ponownie zadeklarujesz zmienną JavaScript, jej wartość nie zostanie utracona.

Po wykonaniu tych dwóch zdań, wartość zmiennej carName pozostaje "porsche":

Przykład

var carName = "porsche";
var carName;

Spróbuj sam

Arytmetyka JavaScript

Jak w algebrze, możesz wykonywać operacje arytmetyczne za pomocą zmiennych JavaScript, używając = i + i innych operatorów:

Przykład

var x = 3 + 5 + 8;

Spróbuj sam

Ciągi znaków mogą również być łączone za pomocą plusa (+), ale ciągi będą łączone:

Przykład

var x = "Bill" + " " + "Gates";

Spróbuj sam

Możesz spróbować również tego:

Przykład

var x = "8" + 3 + 5;

Spróbuj sam

Wskazówka:Jeśli liczby umieścisz w cudzysłowie, reszta liczb będzie traktowana jako ciąg znaków i łączone.

Spróbuj teraz tego:

Przykład

var x = 3 + 5 + "8";

Spróbuj sam

Czytelnictwo pozaklasowe

Zaawansowane kursy JavaScript: Gramatyka ECMAScript, Zmienne ECMAScript