Neueste Web-Entwicklung Tutorials
 

JavaScript Variablen


JavaScript Variablen

JavaScript-Variablen sind Container für Datenwerte zu speichern.

In diesem Beispiel x, y und z , sind Variablen:

Beispiel

var x = 5;
var y = 6;
var z = x + y;
Versuch es selber "

Aus dem obigen Beispiel können Sie erwarten:

  • x speichert den Wert 5
  • y speichert den Wert 6
  • z speichert den Wert 11

Ähnlich wie Algebra

In diesem Beispiel price1, price2 , und total sind Variablen:

Beispiel

var price1 = 5;
var price2 = 6;
var total = price1 + price2;
Versuch es selber "

Bei der Programmierung, so wie in der Algebra, verwenden wir Variablen (wie price1 ) Werte zu halten.

Bei der Programmierung, so wie in der Algebra, verwenden wir Variablen in Ausdrücken (total = price1 + price2) .

Aus dem obigen Beispiel können Sie die Berechnung total 11 sein.

JavaScript-Variablen sind Container für Datenwerte zu speichern.


JavaScript Identifiers

Alle JavaScript - Variablen müssen mit eindeutigen Namen identifiziert werden.

Diese einzigartigen Namen sind genannt Bezeichner.

Bezeichner können Kurznamen (wie sein x und y ) oder mehr beschreibende Namen (age, sum, totalVolume) .

Die allgemeinen Regeln für Namen für Variablen (eindeutige Kennungen) Konstruieren sind:

  • Die Namen können Buchstaben, Ziffern, Unterstrichen und Dollar-Zeichen enthalten.
  • Namen müssen mit einem Buchstaben beginnen
  • Die Namen können auch mit $ und _ beginnen (aber wir werden es in diesem Tutorial)
  • Die Namen sind Groß- und Kleinschreibung (y und Y sind verschiedene Variablen)
  • Reservierte Wörter (wie JavaScript Schlüsselwörter) können nicht als Namen verwendet werden

JavaScript Bezeichner sind case-sensitive.


Der Zuweisungsoperator

In JavaScript das Gleichheitszeichen (=) ist eine "Zuordnung" Operator, kein "gleich" Operator.

Dies unterscheidet sich von Algebra. Das folgende ist nicht sinnvoll in der Algebra zu machen:

x = x + 5

In JavaScript macht es aber durchaus Sinn: es weist den Wert von x + 5 x.

(Sie berechnet den Wert von x + 5 und legt das Ergebnis in x. Der Wert von x um 5 inkrementiert wird)

Der "gleich" Operator wird wie geschrieben == in JavaScript.


JavaScript-Datentypen

JavaScript - Variablen können Zahlen wie 100 und Textwerte wie halten "John Doe" .

Bei der Programmierung werden Textwerte Textstrings bezeichnet.

JavaScript können viele Arten von Daten verarbeiten, aber jetzt, man denke nur an Zahlen und Strings.

Strings werden in doppelte oder einfache Anführungszeichen geschrieben. Die Zahlen werden ohne Anführungszeichen geschrieben.

Wenn Sie Anführungszeichen um eine Reihe stellen, wird es als Textzeichenfolge behandelt werden.

Beispiel

var pi = 3.14;
var person = "John Doe";
var answer = 'Yes I am!';
Versuch es selber "

Deklarieren (Erstellen) JavaScript Variablen

eine Variable in JavaScript erstellen "erklärt" eine Variable genannt wird.

Sie deklarieren eine JavaScript - Variable mit dem var Schlüsselwort:

var carName;

Nach der Erklärung hat die Variable keinen Wert. (Technisch gesehen hat es den Wert undefined)

Um einen Wert in der Variablen zuzuweisen, verwenden Sie das Gleichheitszeichen:

carName = "Volvo";

Sie können auch einen Wert für die Variable zuweisen, wenn Sie es erklären:

var carName = "Volvo";

Im Beispiel unten, schaffen wir eine Variable namens carName und den Wert zuweisen "Volvo" zu.

Dann haben wir "Output" der Wert innerhalb eines HTML - Absatz mit id="demo" :

Beispiel

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

<script>
var carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script>
Versuch es selber "

Es ist eine gute Programmierpraxis alle Variablen am Anfang eines Skripts zu erklären.


Eine Erklärung, viele Variablen

Sie können viele Variablen in einer Anweisung zu deklarieren.

Starten Sie die Anweisung mit var und trennen Sie die Variablen , die durch Komma:

var person = "John Doe", carName = "Volvo", price = 200;
Versuch es selber "

Eine Erklärung kann mehrere Zeilen umfassen:

var person = "John Doe",
carName = "Volvo",
price = 200;
Versuch es selber "

Wert = undefined

In Computerprogramme werden Variablen oft ohne Wert deklariert. Der Wert kann etwas sein, das berechnet werden muss, oder etwas, das später zur Verfügung gestellt werden, wie Benutzereingaben.

Eine Variable ohne Wert erklärt, den Wertnicht definiert.

Die Variable carName den Wert nach der Ausführung dieser Anweisung nicht definiert haben:

Beispiel

var carName;
Versuch es selber "

Re-Deklarieren von JavaScript-Variablen

Wenn Sie einen JavaScript-Variable erneut erklären, wird es nicht ihren Wert verlieren.

Die Variable carName haben immer noch den Wert "Volvo" nach der Ausführung dieser Aussagen:

Beispiel

var carName = "Volvo";
var carName;
Versuch es selber "

JavaScript Arithmetik

Wie bei Algebra, können Sie Arithmetik mit JavaScript-Variablen zu tun, mit Hilfe von Operatoren wie = und +:

Beispiel

var x = 5 + 2 + 3;
Versuch es selber "

Sie können auch Strings hinzufügen, aber Strings (hinzugefügt End-to-end) verkettet werden:

Beispiel

var x = "John" + " " + "Doe";
Versuch es selber "

Auch versuchen Sie dies:

Beispiel

var x = "5" + 2 + 3;
Versuch es selber "

Wenn Sie eine Zahl in Anführungszeichen setzen, wird der Rest der Zahlen als Strings behandelt werden, und verkettet.


Testen Sie sich mit Übungen!

Übung 1 » Übung 2» Übung 3 » Übung 4» Übung 5 » Übung 6»