Heim > Web-Frontend > js-Tutorial > Hauptteil

Ein Einführungs-Tutorial zum Verständnis von JavaScript-Variablen_Grundkenntnisse

WBOY
Freigeben: 2016-05-16 15:51:13
Original
967 Leute haben es durchsucht

Variablen sind Container, die zum Speichern von Informationen verwendet werden:

x=5; length=66.10;

Nach dem Login kopieren


Erinnern Sie sich an Algebra aus der Schule?


Wenn Sie an die Algebrakurse zurückdenken, die Sie in der Schule besucht haben, denken Sie wahrscheinlich an: x=5, y=6, z=x y usw.

Denken Sie daran, dass ein Buchstabe einen Wert enthalten kann (z. B. 5) und Sie mithilfe der obigen Informationen den Wert von z auf 11 berechnen können.

Das hast du sicher nicht vergessen, oder?

Diese Buchstaben werden Variablen genannt und Variablen können zum Speichern von Werten (x=5) oder Ausdrücken (z=x y) verwendet werden.


JavaScript-Variablen


Genau wie in der Algebra werden JavaScript-Variablen verwendet, um Werte oder Ausdrücke zu speichern.

Sie können der Variablen einen kurzen Namen geben, z. B. x, oder einen aussagekräftigeren Namen, z. B. „Länge“.

JavaScript-Variablen können auch Textwerte enthalten, z. B. carname="Volvo".

Regeln für JavaScript-Variablennamen:


Bei Variablen wird die Groß-/Kleinschreibung beachtet (y und Y sind zwei verschiedene Variablen)


Variablen müssen mit einem Buchstaben oder Unterstrich

beginnen


Hinweis: Da bei JavaScript die Groß-/Kleinschreibung beachtet wird, muss bei Variablennamen ebenfalls die Groß-/Kleinschreibung beachtet werden.


Beispiel


Während der Ausführung des Skripts kann der Wert der Variablen geändert werden. Sie können über ihren Namen auf eine Variable verweisen, um ihren Wert anzuzeigen oder zu ändern.

Dieses Beispiel zeigt Ihnen das Prinzip.


Deklarieren (erstellen) Sie JavaScript-Variablen


Das Erstellen von Variablen in JavaScript wird oft als „Deklarieren“ bezeichnet.

Sie können JavaScript-Variablen über die var-Anweisung deklarieren:

var x;
var carname;

Nach dem Login kopieren


Nach der obigen Deklaration haben Variablen keinen Wert, aber Sie können Variablen bei der Deklaration Werte zuweisen:

var x=5;
var carname="Volvo";

Nach dem Login kopieren
Nach dem Login kopieren


Hinweis: Wenn Sie einer Variablen einen Textwert zuweisen, schließen Sie den Wert in Anführungszeichen ein.


Zuweisen von Werten zu JavaScript-Variablen


Weisen Sie einer JavaScript-Variablen über eine Zuweisungsanweisung einen Wert zu:

x=5;
carname="Volvo";

Nach dem Login kopieren
Nach dem Login kopieren


Der Variablenname befindet sich auf der linken Seite des =-Symbols und der Wert, der der Variablen zugewiesen werden soll, befindet sich auf der rechten Seite des =-Symbols.

Nachdem die obige Anweisung ausgeführt wurde, ist der in der Variablen x gespeicherte Wert 5 und der Wert von carname ist Volvo.
Einer nicht deklarierten JavaScript-Variablen einen Wert zuweisen


Wenn die Variable, der Sie einen Wert zuweisen, nicht deklariert wurde, wird sie automatisch deklariert.

Diese Aussagen:

x=5;
carname="Volvo";

Nach dem Login kopieren
Nach dem Login kopieren


Hat die gleiche Wirkung wie diese Aussagen:

var x=5;
var carname="Volvo";

Nach dem Login kopieren
Nach dem Login kopieren


Deklarieren Sie JavaScript-Variablen erneut


Wenn Sie eine JavaScript-Variable erneut deklarieren, verliert die Variable ihren ursprünglichen Wert nicht.

var x=5;
var x;

Nach dem Login kopieren


Nachdem die obige Anweisung ausgeführt wurde, ist der Wert der Variablen x immer noch 5. Der Wert von x wird nicht zurückgesetzt oder gelöscht, wenn die Variable erneut deklariert wird.


JavaScript-Arithmetik


Genau wie in der Algebra können Sie mit JavaScript-Variablen rechnen:

y=x-5;
z=y+5; 

Nach dem Login kopieren

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage