Dieser Artikel hilft Ihnen, JavaScript-Variablen und -Datentypen zu verstehen

Dieser Artikel hilft Ihnen, JavaScript-Variablen und -Datentypen zu verstehen

Vorwort:

Ich arbeite nicht am Frontend, sondern am Backend. Meine Hauptprogrammiersprache ist Java. Ich lerne JS, weil ich gesehen habe, dass mein Mitbewohner dynamische Webseiten erstellen kann, ich aber nur statische. Außerdem muss ich es nächstes Semester lernen, also bin ich hierhergekommen, um es im Voraus zu lernen.

Freundliche Tipps:

Es gibt nichts zwischen Java und Javascript. Es ist nur so, dass Javascript nach der Übernahme durch SUN in Javascript geändert wurde. Der erste Grund ist, dass SUNs Hauptprodukt Java ist, und der zweite Grund ist, die Popularität von Java zu nutzen, um für Javascript zu werben und den Einfluss von Javascript zu erweitern.

Als nächstes werde ich die heutigen Trockenwaren teilen

Variable

Was ist eine Variable?

Wir müssen Programmiersprachen verwenden, um im wirklichen Leben verschiedene Daten zu verarbeiten, aber wo werden die verschiedenen Daten gespeichert? Die Antwort lautet: Variablen. Variablen sind nichts Edles. Sie sind nur eine Schachtel, in der Dinge aufbewahrt werden. Es ist keine Übertreibung, sie eine Plastiktüte zu nennen. Der Sinn einer Variablen besteht darin, im Speicher Platz zum Speichern von Daten zu schaffen. Ähnlich wie bei den Zimmern in unserem Hotel kann ein Zimmer als Variable betrachtet werden.

Verwenden von Variablen

Die Verwendung von Variablen erfolgt in zwei Schritten: 1. Variablen deklarieren. 2. Werte zuweisen. Wir verwenden immer noch dieselbe Idee, um diese beiden Schritte zu verstehen. Eines Tages kam ich in ein Hotel und sagte dem Chef, dass ich ein Einzelzimmer haben möchte. Nachdem ich bezahlt hatte, gab mir der Chef eine Zimmerkarte, die bedeutete, dass ich innerhalb eines bestimmten Zeitraums in diesem Zimmer bleiben konnte. (Ich habe bezahlt und vom Chef die Karte bekommen, was einer Erklärung gleichkam.) Nach dem Einchecken wurde das leere Zimmer belegt, was einer Zuweisung gleichkam.

Als nächstes schauen wir uns die Verwendung von Variablen in JS an

1. Haftungsausschluss

 <!DOCTYPE html>
<html>
	<Kopf>
		<meta charset="utf-8">
		<Titel></Titel>
		<Skript>
		var Alter;
		</Skript>
	</Kopf>
	<Text>
	</body>
</html>

  • var ist ein Schlüsselwort in js, das zum Deklarieren von Variablen verwendet wird. Nachdem eine Variable mit diesem Schlüsselwort deklariert wurde, weist der Computer der Variable automatisch Speicherplatz zu.
  • Alter Der vom Programmierer definierte Variablenname. Wir müssen über den Variablennamen auf den im Speicher zugewiesenen Speicherplatz zugreifen

2. Abtretung

 var age=19; //Weisen Sie der Variablen 19 den Wert age zu
  • Mit = wird der Wert auf der rechten Seite der Variablen space auf der linken Seite zugewiesen.
  • Der Variablenwert ist der vom Programmierer in der Space-Variable gespeicherte Wert

3. Zwei kleine grammatikalische Details

Variablen aktualisieren : Wenn eine Variable neu zugewiesen wird, wird ihr ursprünglicher Wert überschrieben und der Variablenwert basiert auf dem zuletzt zugewiesenen Wert.

 var Alter=18;
Alter = 19; //Das Endergebnis ist 19, da 18 durch 19 abgedeckt ist

So deklarieren Sie mehrere Variablen gleichzeitig: Schreiben Sie einfach var gefolgt von den durch Kommas getrennten Variablennamen.

 var Alter, Zahl, Durchschnitt;

Sonderfälle für die Deklaration von Variablen

Besonderes

 var sex; wird nur deklariert, aber es wird kein Wert zugewiesen, sodass das Programm nicht weiß, was es ist, und das Ergebnis daher undefiniert ist.
		konsole.log(Geschlecht);

Spezial 2

 console.log(sex); Wenn Sie keinen Wert zuweisen oder keine Variable deklarieren, wird bei direkter Verwendung ein Fehler gemeldet.

Spezial Drei

 qq = 90;
console.log(qq); Deklarieren Sie es nicht und weisen Sie den Wert direkt zu, dann wird kein Fehler gemeldet! ! !
Das ist eine Unerhörtheit, aber in JavaScript ist es richtig, weil es so frei ist.

Namenskonventionen für Variablen

  • Es besteht aus Buchstaben (AZ, az), Unterstrichen _ und Dollarzeichen $, wie z. B. userName
  • Streng empfindlich auf Groß- und Kleinschreibung. var app; und var App; sind zwei Variablen
  • Es darf nicht mit einer Zahl beginnen, z. B. 12. Alter ist falsch
  • Es darf sich nicht um ein Schlüsselwort oder reserviertes Wort wie „var“, „for“ oder „while“ handeln.
  • Variablennamen müssen aussagekräftig sein und ihre Bedeutung sollte aus dem Namen klar hervorgehen.
  • Beachten Sie die CamelCase-Regel: Der erste Buchstabe wird groß geschrieben, und auch die ersten Buchstaben nachfolgender Wörter sollten groß geschrieben werden. Beispiel: meinName
  • Empfohlene Übersetzungswebsite: Youdao oder direkt Baidu

Warum brauchen wir Datentypen?

Programmiersprachen werden verwendet, um Probleme des realen Lebens zu lösen. In der realen Welt müssen wir mit allen Arten von Daten umgehen, darunter Ganzzahlen, Dezimalzahlen, Text usw. Entsprechend gibt es in Programmiersprachen auch Ganzzahlen, Gleitkommazahlen und Zeichen. In einem Computer belegen unterschiedliche Datentypen unterschiedlich viel Speicherplatz. Um Daten bequem in Daten mit unterschiedlicher Speichergröße aufzuteilen und den Speicherplatz optimal zu nutzen, werden unterschiedliche Datentypen definiert. Einfach ausgedrückt ist der Datentyp das Kategorienmodell der Daten, also die Klassifizierung der Daten. Beispielsweise lautet der Name „Ye Qiuhan“ und das Alter ist 18 Jahre. Die Typen dieser Daten sind unterschiedlich.

Datentyp der Variable

Variablen sind Orte, an denen Werte gespeichert werden. Sie haben einen Namen und einen Typ. Der Datentyp einer Variablen bestimmt, wie die Bits, die diese Werte darstellen, im Speicher des Computers gespeichert werden. JavaScript ist eine schwach typisierte oder dynamische Sprache, was bedeutet, dass Variablen nicht im Voraus deklariert werden müssen.

Geben Sie diesen ein, das Programm führt ihn automatisch während der Ausführung aus.

 var age=10; //Dies ist eine Zahl var name='叶秋涵'; //Dies ist eine Zeichenfolge

Während der Ausführung des Codes wird der Datentyp der Variable von der JS-Engine anhand des Datentyps des Variablenwerts auf der rechten Seite des = bestimmt. Nach Abschluss der Ausführung hat die Variable den Datentyp bestimmt.

js hat dynamische Typisierung, was bedeutet, dass dieselbe Variable verschiedene Typen haben kann

 var x=6; //x ist eine Zahl var x='哔哩哔哩'; //x ist eine Zeichenfolge

Einfache Datentypen (Basisdatentypen)

Einfache Datentypen in js und ihre Beschreibungen

Einfache Datentypen veranschaulichen Standardwert
Nummer Numerischer Typ, einschließlich ganzzahliger Werte und Gleitkommawerte, z. B. 12, 0,2022 0
Boolescher Wert Boolesche Werte sind Typen wie „true“ und „false“, die 1 und 0 entsprechen. FALSCH
Zeichenfolge Bei Zeichenfolgentypen wie „叶秋涵“ ist zu beachten, dass Zeichenfolgen in JS in Anführungszeichen eingeschlossen sind. ""
Undefiniert var a; deklariert Variable a, gibt aber keinen Wert zurück, dann ist a=undefiniert undefiniert
Null var a=null; deklariert Variable a als Nullwert Null

Digitales

1. Digitales System

Die gebräuchlichsten Basen sind Binär, Oktal, Dezimal und Hexadezimal

 //1. Oktaler digitaler Sequenzbereich 0~7
var num1=07; //entspricht dezimal 7
var num2=019; //entspricht dezimal 19
var num3=08 //entspricht dezimal 8
//2. Hexadezimaler Zahlenbereich: 0~9 und A~F
varnum=0xA;

Jetzt müssen wir uns nur noch merken , dass in js 0 vor Oktal und 0x vor Hexadezimal hinzugefügt wird.

2. Digitale Reichweite

Die Maximal- und Minimalwerte von Werten in js

 Alarm (Nummer.MAX_SAFE_INTEGER);//9007199254740991
	Alarm(Zahl.MIN_WERT); //5e-324

3. Drei spezielle Werte des digitalen Typs

 Alarm (Unendlich); //Unendlich
	alert(-Unendlich); //-Unendlich
	Alarm (NaN); //NaN
  • Unendlichkeit steht für Unendlichkeit, größer als jeder Wert
  • -unendlich, steht für infinitesimal, kleiner als jeder Wert
  • NaN, Keine Zahl, stellt einen nicht numerischen Wert dar

Zeichenfolge

Der Zeichenfolgentyp kann jeder beliebige Text in Anführungszeichen sein. Die Syntax besteht aus einfachen Anführungszeichen **'' und doppelten Anführungszeichen ""**

 var srtAge = "18";
			var strName = "Ye Qiuhan";
			var srtFood = 'Ich liebe Junk Food';
			//Häufige Fehler var srtNum2 = 11; //Fehler, ohne Anführungszeichen wird es als JS-Code betrachtet, aber JS hat diese Syntax nicht

Da die Attribute in HTML-Tags doppelte Anführungszeichen verwenden, empfehlen wir hier die Verwendung einfacher Anführungszeichen .

Verschachtelte Zeichenfolgenanführungszeichen

js kann doppelte Anführungszeichen mit einfachen Anführungszeichen oder einfache Anführungszeichen mit doppelten Anführungszeichen verschachteln (doppelte Anführungszeichen außen und einfache Anführungszeichen innen, einfache Anführungszeichen innen und doppelte Anführungszeichen außen)

 var strMsy = 'Ich bin „Programmierer“ Xiao Han';
			console.log(strMsy)
			var strMsy2 = "Ich bin ‚Programmierer‘ Xiao Han";
			console.log(strMsy2);
			//Häufige Fehler var badQuotes = "Was in aller Welt?"';
			console.log(strMsy2);

Die Ergebnisse sind wie folgt

Bildbeschreibung hier einfügen

Bildbeschreibung hier einfügen

Zeichenfolgen-Escapezeichen

Ähnlich wie die Sonderzeichen in HTML gibt es auch in Zeichenfolgen Sonderzeichen, die wir Escape-Zeichen nennen.

Die Escape-Zeichen beginnen alle mit \. Häufig verwendete Escape-Zeichen und ihre Beschreibungen sind wie folgt

Escape-Zeichen Erläuterung
\N Newline-Zeichen, n bedeutet Newline
\ \ Schrägstrich \
\ ' Einfache Anführungszeichen
\ * Doppelte Anführungszeichen
\T Tabulatoreinzug
\B Leerzeichen, b bedeutet leer

Boolescher Wert

Der Boolesche Typ hat zwei Werte, true und false, wobei true wahr und false falsch bedeutet.

Wenn Sie einer Zahl einen Booleschen Wert hinzufügen, ist der Wert von „true“ 1 und der Wert von „false“ 0.

 konsole.log(true+1);//2
		konsole.log(false+0);//0

Undefiniert und Null

Eine Variable, der nach der Deklaration kein Wert zugewiesen wird, hat den Standardwert „undefiniert“ (achten Sie beim Addieren oder Verketten auf das Ergebnis).

 var-Variable;
			konsole.log(variable);
			console.log('hallo'+variable);
			console.log(11+variable);//+ fungiert als Verbindung console.log(true+variable); 

Die Ergebnisse sind wie folgt

Bildbeschreibung hier einfügen

Eine Variable erhält den Nullwert und der darin gespeicherte Wert ist leer, d. h. es gibt nichts

 var vari=null;
			console.log('hallo'+vari);
			Konsole.log(11+vari);
			Konsole.log(true+vari);

Die Ergebnisse sind wie folgt

Bildbeschreibung hier einfügen

Was ist Datentypkonvertierung?

Bei Verwendung eines Formulars ist der Standardwert der durch die Eingabeaufforderung erhaltenen Daten ein Zeichenfolgentyp. Zu diesem Zeitpunkt können keine einfachen Additionsoperationen ausgeführt werden, sondern der Datentyp der Variablen muss konvertiert werden. Einfach ausgedrückt geht es darum, einen Datentyp in einen anderen zu konvertieren.

Drei gängige Konvertierungsmethoden

  • In Zeichentyp konvertieren
  • In digital umwandeln
  • In Boolesch konvertieren

1. In Zeichenfolge konvertieren

Weg veranschaulichen Fall
zuString() In Zeichenfolge konvertieren var num=1; alarm(num.toString());
Erzwungene String()-Konvertierung In Zeichenfolge konvertieren var num=1; Alarm(String(num));
Pluszeichen-Verkettungszeichenfolge Das Ergebnis der Verkettung mit einem String ist ein String var num=1; alert(num+"Ich bin eine Zeichenfolge");
  • toString() wird auf die gleiche Weise wie String() verwendet.
  • Es gibt drei Konvertierungsmethoden. Die ersten beiden sind bekannt. Die dritte Konvertierung wird häufig verwendet und wird auch als unsichtbare Konvertierung bezeichnet.

2. In digitale Form umwandeln (wichtigster Punkt)

(I) Verwenden der von js bereitgestellten Funktionen

js bietet zwei Konvertierungsfunktionen: parseInt() und parseFloat(). Ersteres konvertiert den Wert in eine Ganzzahl und Letzteres konvertiert den Wert in eine Gleitkommazahl.

Schauen Sie sich einfach den Code an und Sie werden es verstehen

 var Alter=12;
		console.log(Alter);
		//Verwenden Sie parseInt(), um den Wert in eine Ganzzahl umzuwandeln console.log(parseInt(age));
		console.log(parseInt('3.12'));//Rundung console.log(parseInt('3.89'));//Rundung console.log(parseInt('10px'));
		console.log(parseInt('rem120px')) //NaN
		//Verwenden Sie parseFloat(), um den Wert in eine Ganzzahl umzuwandeln console.log(parseFloat('3.14'));//3.14
		console.log(parseFloat('120px'));//120 entfernt die px-Einheit console.log(parseFloat('rem102px'));//NaN Wenn die js-Engine rem liest, kann sie es nicht erkennen und beurteilt es direkt als leer

(II) Erzwungene Konvertierung der Konvertierungsfunktion Number()

 var str = "123";
		console.log(Zahl(str));//123
		console.log(Zahl('12'));//12

(III) Unsichtbare Konvertierung von js (- * /). Beachten Sie, dass es kein + gibt, das als Spleißen fungiert

 console.log('12'-0);//12
		console.log('122'+1);//1221
		console.log('123'*123);//15129
		konsole.log('123'/123);//1

In Boolesch konvertieren

Weg veranschaulichen Fall
Boolean() Funktion Andere Typen werden in Boolesche Werte umgewandelt Boolean('wahr')
  • Stellt leer dar, negative Werte werden in falsch umgewandelt, wie '', 0, NaN, null, undefiniert
  • Alle anderen Werte werden in true umgewandelt
 console.log('');//false
		console.log(0);//falsch
		console.log(NaN); //falsch
		console.log(null);//false
		console.log(undefiniert); //falsch
		console.log('Xiaobai');//wahr
		console.log(12);//wahr

Zusammenfassen

Dieser Artikel endet hier. Ich hoffe, er kann Ihnen helfen. Ich hoffe auch, dass Sie mehr Inhalt auf 123WORDPRESS.COM lesen können!

Das könnte Sie auch interessieren:
  • So bestimmen Sie den Variablentyp in JS genau
  • Detaillierte Erklärung der JavaScript-Variablentypen und Variablenbereiche
  • Drei Möglichkeiten, Variablen in Javascript in Zeichenfolgen umzuwandeln
  • Lernen Sie die Operatoren der Potenzierung, Quadratwurzel und Variablenformatkonvertierung in JS kennen
  • Eine kurze Diskussion zur automatischen Konvertierung von JavaScript-Variablen und -Anweisungen
  • Kennen Sie sich mit Variablentypen und Konvertierungen zwischen Variablen in JavaScript aus?

<<:  So verleihen Sie einer Website ein höheres und ansprechenderes Aussehen

>>:  Einstellungen für den Ubuntu-Boot-Autostart-Dienst

Artikel empfehlen

Verständnis und Anwendung des Destrukturierungsoperators von JavaScript ES6

Inhaltsverzeichnis Vorwort Die Rolle von Dekonstr...

So fügen Sie einem Hintergrundbild in CSS3 eine Farbmaske hinzu

Vor einiger Zeit stieß ich während der Entwicklun...

Verwenden von CSS3 zum Erstellen von Header-Animationseffekten

Die offizielle Website von Netease Kanyouxi (http...

Detaillierte Erklärung der Desktop-Anwendung mit Vue3 und Electron

Inhaltsverzeichnis Vue CLI erstellt ein Vue-Proje...

Serviceverwaltung der Quellpaketinstallation unter Linux

Inhaltsverzeichnis 1. Startverwaltung des Quellpa...

Implementierungsprinzip und Skriptcode der HTML-Rabattpreisberechnung

Code kopieren Der Code lautet wie folgt: <!DOC...

MySQL Slow Query-Optimierung: Die Vorteile von Limit aus Theorie und Praxis

Oftmals erwarten wir, dass das Abfrageergebnis hö...

So installieren und ändern Sie das Anfangskennwort von mysql5.7.18

Informationen zur Centos-Installation von MySQL f...

MySQL Series II-Konfiguration für mehrere Instanzen

Tutorial-Reihe MySQL-Reihe: Grundlegende Konzepte...

Implementierung des Whack-a-Mole-Spiels in JavaScript

In diesem Artikel finden Sie den spezifischen Cod...