Najnowsze tutoriale tworzenie stron internetowych
 

JavaScript zmienne


Zmienne JavaScript

zmienne JavaScript są pojemniki do przechowywania wartości danych.

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

Przykład

var x = 5;
var y = 6;
var z = x + y;
Spróbuj sam "

Z powyższego przykładu, można oczekiwać, że:

  • x przechowuje wartość 5
  • y przechowuje wartość 6
  • z przechowuje wartość 11

Podobnie jak Algebra

W tym przykładzie price1, price2 i total , to zmienne:

Przykład

var price1 = 5;
var price2 = 6;
var total = price1 + price2;
Spróbuj sam "

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

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

Z powyższego przykładu, można obliczyć total być 11.

zmienne JavaScript są pojemniki do przechowywania wartości danych.


Identyfikatory JavaScript

Wszystkie zmienne Javascript musi być identyfikowane z unikalnymi nazwami.

Te unikalne nazwy są nazywane identyfikatorami.

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

Ogólne zasady konstruowania nazw zmiennych (unikalnych identyfikatorów) są następujące:

  • Nazwy mogą zawierać litery, cyfry, podkreślenia i znaki dolara.
  • Nazwy muszą zaczynać się od litery
  • Nazwy mogą zaczynać się od $ oraz _ (ale nie będziemy go używać w tym poradniku)
  • Nazwy są z uwzględnieniem wielkości liter (y i Y są różne zmienne)
  • Zarezerwowane słowa (słów kluczowych, takich jak JavaScript) nie mogą być używane jako nazwy

Identyfikatory JavaScript jest wielkość liter.


Zadanie Operator

W JavaScript, znak równości (=) jest "przypisanie" operator nie jest "równy" operator.

Różni się to od algebry. Poniższy nie ma sensu w algebrze:

x = x + 5

W JavaScripcie, jednak ma to sens: przypisuje wartość X + 5 x.

(Oblicza wartość x + 5 i umieszcza wynik w x. Wartość x jest zwiększany o 5.)

W "równy" Operator jest napisane jak == w JavaScript.


Typy danych JavaScript

Zmienne JavaScript mogą posiadać numery takie jak 100 i wartości tekstowe jak "John Doe" .

W programowaniu wartości tekstowe nazywane są ciągi tekstowe.

JavaScript może obsługiwać wiele typów danych, ale teraz, po prostu uważam, liczb i łańcuchów.

Struny są zapisywane wewnątrz podwójnych lub pojedynczych cudzysłowach. Liczby pisane są bez cudzysłowu.

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

Przykład

var pi = 3.14;
var person = "John Doe";
var answer = 'Yes I am!';
Spróbuj sam "

Deklarowanie (Tworzenie) Zmienne JavaScript

Tworzenie zmiennej w JavaScript jest nazywany "oświadczenie" zmienną.

Zadeklarować zmienną JavaScript z var słowa kluczowego:

var carName;

Po zgłoszeniu, zmienna ma wartość. (Technicznie ma wartość niezdefiniowana)

Aby przypisać wartość do zmiennej, należy użyć znaku równości:

carName = "Volvo";

Można również przypisać wartość do zmiennej, gdy zadeklarujesz go:

var carName = "Volvo";

W poniższym przykładzie, tworzymy zmienną o nazwie carName i przypisać wartość "Volvo" do niego.

Potem "Wyjście" wartość wewnątrz ust HTML z id="demo" :

Przykład

<p id="demo"></p>

<script>
var carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script>
Spróbuj sam "

Jest to dobra praktyka programowania zadeklarować wszystkie zmienne na początku skryptu.


Jeden komunikat, wielu zmiennych

Można zadeklarować wiele zmiennych w jednej instrukcji.

Zacznij oświadczenie z var i oddzielić zmienne przecinkiem:

var person = "John Doe", carName = "Volvo", price = 200;
Spróbuj sam "

Oświadczenie może obejmować wiele linii:

var person = "John Doe",
carName = "Volvo",
price = 200;
Spróbuj sam "

Wartość = niezdefiniowany

W programach komputerowych, często zmienne zadeklarowane bez wartości. Wartość ta może być coś, co ma być obliczona, lub coś, co zostanie podane w późniejszym terminie, jak wprowadzanych przez 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

var carName;
Spróbuj sam "

Ponownie deklarowania zmiennych JavaScript

Jeśli ponownie zadeklarować zmienną JavaScript, nie stracą swoją wartość.

Zmienna carName nadal będzie mieć wartość "Volvo" po wykonaniu tych instrukcji:

Przykład

var carName = "Volvo";
var carName;
Spróbuj sam "

JavaScript arytmetyczne

Jak z algebry, arytmetyki można zrobić ze zmiennymi JavaScript, wykorzystując operatory jak = i +:

Przykład

var x = 5 + 2 + 3;
Spróbuj sam "

Można również dodać struny, ale struny będą łączone (dodane end-to-end):

Przykład

var x = "John" + " " + "Doe";
Spróbuj sam "

Także spróbuj tego:

Przykład

var x = "5" + 2 + 3;
Spróbuj sam "

Jeśli umieścisz numer w cudzysłowach, pozostałe numery będą traktowane jako łańcuchy i łączone.


Sprawdź się z ćwiczeń!

Ćwiczenie 1 » Ćwiczenie 2» Ćwiczenie 3 » Ćwiczenia 4» Zadanie 5 » Ćwiczenia 6»