Detaillierte Erklärung der Javascript-Grundlagen

Detaillierte Erklärung der Javascript-Grundlagen

Variable

  • Grundlegende Syntax
var age=10; //Deklariere eine Variable mit dem Namen age und weise ihr einen Wert zu, was als Variableninitialisierung bezeichnet wird

var ist ein JS-Schlüsselwort, das zum Deklarieren von Variablen verwendet wird. Wir können Variablen auch nach den Vorstellungen anderer Programmiersprachen aktualisieren und mehrere Variablen gleichzeitig deklarieren. In diesem Fall müssen wir nur eine Variable verwenden und mehrere Variablennamen durch englische Kommas trennen.

  • Namenskonventionen

Es besteht aus Buchstaben (A-Za-z), Zahlen (0-9), Unterstrichen (_) und Dollarzeichen ($), wie zum Beispiel: usrAge, num01, _name
Streng empfindlich auf Groß- und Kleinschreibung. var app; und var App; sind zwei Variablen, die nicht mit einer Zahl beginnen dürfen und aus einem einzelnen Wort ohne Leerzeichen dazwischen bestehen müssen. 18age ist falsch und kann kein Schlüsselwort oder reserviertes Wort sein. Zum Beispiel: var, for, while
Variablennamen müssen aussagekräftig sein.
Befolgen Sie die CamelCase-Namenskonvention. Der erste Buchstabe des Wortes sollte klein geschrieben sein und der erste Buchstabe des folgenden Wortes sollte groß geschrieben sein. meinVorname

Datentypen

  • Einführung in Datentypen

JS ist eine schwach typisierte bzw. dynamische Sprache, was bedeutet, dass der Wert einer Variablen nicht im Voraus deklariert werden muss. Der Typ wird während der Ausführung des Programms automatisch bestimmt. Der Datentyp einer Variablen wird von der JS-Engine basierend auf dem Datentyp des Variablenwerts auf der rechten Seite des Gleichheitszeichens bestimmt, was bedeutet, dass dieselbe Variable als unterschiedliche Typen verwendet werden kann.

var age = 10; // Dies ist eine Zahl var age="10" // Dies ist ein String

JS-Datentypen werden in einfache Datentypen und komplexe Datentypen unterteilt
Zahl Zeichenfolge Boolesch Undefiniert Null (Einfache Datentypen werden auch primitive Datentypen genannt)
Objekt-Array-Datumsfunktion (komplexe Datentypen werden auch Referenzdatentypen genannt)

In der neuen Syntax von ES6 und H5 wurde jedoch der einfache Datentyp Symbol hinzugefügt (der später erläutert wird).

Bildbeschreibung hier einfügen

  • Nummer

Zu den gängigen Systemen gehören Binär-, Oktal-, Dezimal- und Hexadezimalsysteme. Fügen Sie in JS 0 vor Oktal und 0x vor Hexadezimal hinzu.

//1. Oktalzahlenfolgebereich: 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; 

Maximalwert: Number.MAX_VALUE, dieser Wert ist: 1.7976931348623157e+308
Minimalwert: Number.MIN_VALUE, dieser Wert ist: 5e-32

alarm(Zahl.MAX_WERT); // 1,7976931348623157e+308
Alarm(Zahl.MIN_WERT); // 5e-32

Drei besondere Werte
Unendlichkeit, die Unendlichkeit darstellt, ist größer als jeder Wert
-Unendlich, steht für infinitesimal, kleiner als jeder Wert
NaN, Keine Zahl, stellt einen nicht numerischen Wert dar

isNaN() bestimmt, ob eine Variable ein nicht numerischer Typ ist.

var usrAge = 21;
var isOk = isNaN(Benutzeralter);
console.log(isNum); // false, 21 ist keine Nicht-Zahl var usrName = "andy";
console.log(isNaN(userName)); //true, „andy“ ist keine Zahl
  • Zeichenfolge

Verwenden Sie einfache Anführungszeichen, um Zeichenfolgenanführungen darzustellen. Sie können Zeichenfolgenanführungen auch verschachteln. Sie können doppelte Anführungszeichen in einfache Anführungszeichen oder einfache Anführungszeichen in doppelte Anführungszeichen verschachteln. Sie können einfache und doppelte Anführungszeichen jedoch nicht mischen. Die Escape-Zeichen sind wie folgt.

Bildbeschreibung hier einfügen

Holen Sie sich die Länge der Zeichenfolge
Stringverkettung String + beliebiger Typ = neuer String nach Verkettung. Werden zwei Werte addiert, ist das Ergebnis ein Wert.

  • Boolescher Wert

true und false, wenn man einer Zahl einen Booleschen Wert hinzufügt, ist der Wert von true 1 und der Wert von false 0

  • Undefiniert

Der Standardwert einer Variable, die deklariert ist, der aber kein Wert zugewiesen wurde, ist „undefiniert“.
Wenn Sie eine nicht deklarierte Variable verwenden, wird ein Fehler gemeldet.

var-Variable;
console.log(variable); // undefiniert
console.log('hallo' + variable); // hallo ist nicht definiert
konsole.log(11 + variable); // NaN
konsole.log(true + variable); // NaN
  • Null
var vari = null;
console.log('hallo' + vari); // hallo null
console.log(11 + vari); // 11
konsole.log(true + vari); // 1
 
  • Datentypkonvertierung

Die über das Formular oder die Eingabeaufforderung erhaltenen Daten sind standardmäßig vom Typ „String“. In diesem Fall können Sie Additionsoperationen nicht einfach direkt durchführen, sondern müssen den Datentyp der Variablen konvertieren. Einfach ausgedrückt konvertiert es eine Variable eines Datentyps in einen anderen Datentyp.

In Zeichenfolgentyp konvertieren

Bildbeschreibung hier einfügen

In digitalen Typ konvertieren

Bildbeschreibung hier einfügen

In Booleschen Typ konvertieren

Bildbeschreibung hier einfügen

Leere und negative Werte werden in false umgewandelt, z. B. '', 0, NaN, null, undefiniert
Alle anderen Werte werden auf true umgewandelt.

console.log(Boolean('')); // falsch
console.log(Boolean(0)); // falsch
console.log(Boolean(NaN)); // falsch
console.log(Boolean(null)); // falsch
console.log(Boolean(undefined)); // falsch
console.log(Boolean('Logdatei')); // true
console.log(Boolean(12)); // wahr

Erweiterungspunkte

Interpretierte Sprachen und kompilierte Sprachen.
Ein Computer muss die Programmiersprache (mithilfe eines Übersetzers) in Maschinensprache kompilieren, bevor er das Programm ausführen kann.
Für einen Übersetzer gibt es zwei Möglichkeiten, in Maschinensprache zu übersetzen: Kompilierung und Interpretation. Der Unterschied liegt im Zeitpunkt der Übersetzung.
Der Compiler kompiliert den Code vor der Ausführung und erzeugt eine Zwischencodedatei. Der Interpreter interpretiert ihn zur Laufzeit in Echtzeit und führt ihn sofort aus.

Bildbeschreibung hier einfügen

  • Bezeichner sind Namen, die Entwickler Variablen, Parametern und Funktionen geben. Bezeichner dürfen keine Schlüsselwörter oder reservierten Wörter sein.
  • Schlüsselwörter beziehen sich auf Wörter, die bereits von JS selbst verwendet wurden und nicht als Variablennamen und Methodennamen verwendet werden können.

Enthält: break, case, catch, continue, default, delete, do, else, finally, for, function, if, in, instanceof, new, return, switch, this, throw, try, typeof, var, void, while, with

  • Reservierte Wörter sind reservierte Schlüsselwörter, die in Zukunft zu Schlüsselwörtern werden können.

Einschließlich: Boolean, Byte, Char, Klasse, Const, Debugger, Double, Enum, Export, Extends, Fimal, Float, Goto, Implements, Import, Int, Schnittstelle, Long, Mative, Paket, Privat, Geschützt, Öffentlich, Kurz, Statisch, Super, Synchronisiert, Throws, Transient, Volatile usw.

Zusammenfassen

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

Das könnte Sie auch interessieren:
  • Detaillierte Erklärung der grundlegenden Interaktion von Javascript
  • Javascript-Grundlagen: Detaillierte Erklärung der Operatoren und der Flusskontrolle
  • Detaillierte Erklärung der grundlegenden Syntax und Datentypen von JavaScript
  • Javascript-Grundlagen zu integrierten Objekten
  • Grundlagen der funktionalen Programmierung in JavaScript
  • Erste Schritte mit den JavaScript-Grundlagen

<<:  Beispiel für die Erzeugung eines Flügelschlags eines Schmetterlings mit reinem CSS3

>>:  XHTML drei Dokumenttypdeklarationen

Artikel empfehlen

Führt das Laden von CSS zu einer Blockierung?

Vielleicht weiß jeder, dass die JS-Ausführung die...

So legen Sie den Standardwert für den Datums-/Uhrzeittyp in MySQL fest

Beim Ändern des Standarddatums-/Uhrzeitwerts über...

html-Seite!--[if IE]...![endif]--Detaillierte Einführung in die Verwendung

Code kopieren Der Code lautet wie folgt: <!--[...

Implementierung von Linux-Dateisystemvorgängen

In dieser Lesenotiz werden hauptsächlich die Vorg...

Zwei Methoden zum Wiederherstellen von MySQL-Daten

1. Einleitung Vor einiger Zeit gab es eine Reihe ...

JavaScript-Implementierung des Verifizierungscode-Falls

In diesem Artikel wird der spezifische Code für J...

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

Inhaltsverzeichnis Vue CLI erstellt ein Vue-Proje...

Pycharm2017 realisiert die Verbindung zwischen Python3.6 und MySQL

In diesem Artikel erfahren Sie, wie Sie Python3.6...

MySQL Series 7 MySQL-Speicher-Engine

1. MyISAM-Speicher-Engine Mangel: Keine Unterstüt...

Detaillierte Erklärung der HTML-Dokumenttypen

Meines ist: <!DOCTYPE html> Blog-Garten: &l...

Über IE8-Kompatibilität: Erklärung des X-UA-Compatible-Attributs

Problembeschreibung: Code kopieren Der Code laute...