Ausführliche Erläuterung von Variablen, Umfang und Förderung in JavaScript
青灯夜游
Freigeben： 2020-10-14 17:37:08
nach vorne
2193 Leute haben es durchsucht
Variablen sind ein grundlegender Bestandteil vieler Programmiersprachen und das erste und wichtigste Konzept, das Anfänger lernen müssen. In JavaScript gibt es viele verschiedene Variableneigenschaften sowie einige Regeln, die bei der Benennung von Variablen befolgt werden müssen. In JavaScript werden drei Schlüsselwörter zum Deklarieren von Variablen verwendet – var, let und const –, die sich jeweils unterschiedlich auf die Art und Weise auswirken, wie der Code die Variable interpretiert.
In diesem Tutorial erfahren Sie, was Variablen sind, wie Sie sie deklarieren und benennen und welche Unterschiede zwischen var, let und const es gibt. Wir werden auch die Auswirkungen des Hebens und die Bedeutung globaler und lokaler Bereiche auf das Verhalten von Variablen untersuchen.
Variablen verstehen
Eine Variable ist ein benannter Container, der zum Speichern von Werten verwendet wird. Eine Information, auf die wir möglicherweise mehrfach verweisen, kann zur späteren Verwendung oder Änderung in einer Variablen gespeichert werden. In JavaScript kann der in einer Variablen enthaltene Wert ein beliebiger JavaScript-Datentyp sein, einschließlich Zahlen, Zeichenfolgen oder Objekte.
Vor der Sprachspezifikation ECMAScript 2015 (ES6), auf der das heutige JavaScript basiert, gab es nur eine Möglichkeit, Variablen zu deklarieren – mit dem Schlüsselwort var. Daher verwenden die meisten älteren Code- und Lernressourcen nur var für Variablen. Wir werden den Unterschied zwischen den Schlüsselwörtern var, let und const in einem separaten Abschnitt weiter unten besprechen.
Wir können var verwenden, um das Konzept der Variablen selbst zu demonstrieren. Im folgenden Beispiel deklarieren wir eine Variable und weisen ihr einen Wert zu.
// Assign the string value Sammy to the username identifier
var username = "sammy_shark";
Nach dem Login kopieren
Diese Anweisung besteht aus den folgenden Teilen:
Verwenden Sie das Schlüsselwort var, um Variablen zu deklarieren
Variablenname (oder Bezeichner), Benutzername
Zuweisungsvorgang, dargestellt durch =-Syntax
Zugewiesener Wert „sammy_shark“
Jetzt können wir den Benutzernamen in unserem Code verwenden. JavaScript merkt sich, dass der Benutzername den Zeichenfolgenwert sammy_shark darstellt.
// Check if variable is equal to value
if (username === "sammy_shark") {
console.log(true);
}
Nach dem Login kopieren
Ausgabe:
true
Nach dem Login kopieren
Nach dem Login kopieren
Wie bereits erwähnt, können Variablen zur Darstellung jedes JavaScript-Datentyps verwendet werden. In diesem Beispiel deklarieren wir Variablen mit Zeichenfolgen-, Zahlen-, Objekt-, booleschen und Nullwerten.
// Assignment of various variables
var name = "Sammy";
var spartans = 300;
var kingdoms = [ "mammals", "birds", "fish" ];
var poem = { roses: "red", violets: "blue" };
var success = true;
var nothing = null;
Nach dem Login kopieren
Mit console.log können wir die in einer bestimmten Variablen enthaltenen Werte sehen.
// Send spartans variable to the console
console.log(spartans);
Nach dem Login kopieren
Ausgabe: 300
Variablen speichern Daten im Speicher, auf die später zugegriffen und sie geändert werden können. Variablen können auch neu zugewiesen und mit einem neuen Wert versehen werden. Das folgende vereinfachte Beispiel zeigt, wie man ein Passwort in einer Variablen speichert und diese dann aktualisiert.
//为password变量赋值
var password = "hunter2";
//用一个新值重新分配变量值
password = "hunter3";
console.log(password);
Nach dem Login kopieren
Ausgabe:
'hunter3'
Nach dem Login kopieren
In einem echten Programm wird das Passwort höchstwahrscheinlich sicher in der Datenbank gespeichert. Dieses Beispiel veranschaulicht jedoch eine Situation, in der wir möglicherweise den Wert einer Variablen aktualisieren müssen. Der Wert des Passworts war „hunter2“, wir haben ihn jedoch „hunter3“ zugewiesen, dem Wert, den JavaScript von diesem Zeitpunkt an erkennt.
Benannte Variablen
Variablennamen werden in JavaScript als Bezeichner bezeichnet. Wir haben einige Regeln für die Benennung von Bezeichnern beim Verständnis der JavaScript-Syntax und Codestruktur besprochen, die im Folgenden zusammengefasst sind:
Variablennamen dürfen nur aus Buchstaben (a-z), Zahlen (0-9), Dollarzeichen ($) und Unterstrichen ( _) bestehen. ) bestehend aus
Variablennamen dürfen keine Leerzeichen (Tabulatoren oder Leerzeichen) enthalten
Zahlen dürfen nicht am Anfang des Namens einer Variablen stehen
Reservierte Schlüsselwörter können nicht als Namen von Variablen verwendet werden
Variablennamen unterscheiden zwischen Groß- und Kleinschreibung
JavaScript hat auch die Angewohnheit, camelCase (manchmal als CamelCase bezeichnet) in den Namen von Funktionen und Variablen zu verwenden, die mit var oder let deklariert wurden. Dabei wird das erste Wort kleingeschrieben und dann der erste Buchstabe jedes weiteren Wortes großgeschrieben, ohne Leerzeichen dazwischen. Mit einigen Ausnahmen folgen die meisten nicht konstanten Variablen dieser Konvention. Die Namen von Konstantenvariablen, die mit dem Schlüsselwort const deklariert werden, werden normalerweise in Großbuchstaben geschrieben.
Das scheint eine Menge Regeln zu sein, die es zu lernen gilt, aber es wird bald zur Selbstverständlichkeit, gültige und reguläre Variablennamen zu schreiben.
Unterschied zwischen var, let und const
JavaScript verfügt über drei verschiedene Schlüsselwörter zum Deklarieren von Variablen, was der Sprache zusätzliche Komplexität verleiht. Der Unterschied zwischen den dreien basiert auf Umfang, Beförderung und Neuzuweisung.
//初始化一个全局变量
var species = "human";
function transform() {
//初始化一个局部的、函数作用域的变量
var species = "werewolf";
console.log(species);
}
//记录全局和局部变量
console.log(species);
transform();
console.log(species);
var fullMoon = true;
//初始化一个全局变量
let species = "human";
if (fullMoon) {
//初始化一个块范围的变量
let species = "werewolf";
console.log(`It is a full moon. Lupin is currently a ${species}.`);
}
console.log(`It is not a full moon. Lupin is currently a ${species}.`);
Nach dem Login kopieren
输出：
It is a full moon. Lupin is currently a werewolf.
It is not a full moon. Lupin is currently a human.
//使用var初始化一个变量
var species = "human";
if (fullMoon) {
//尝试在一个块中创建一个新变量
var species = "werewolf";
console.log(`It is a full moon. Lupin is currently a ${species}.`);
}
console.log(`It is not a full moon. Lupin is currently a ${species}.`);
Nach dem Login kopieren
输出：
It is a full moon. Lupin is currently a werewolf.
It is not a full moon. Lupin is currently a werewolf.
Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung von Variablen, Umfang und Förderung in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen 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
