JS-Tutorial

JS-HAUS JS-Einführung JS Wohin JS-Ausgabe JS-Anweisungen JS-Syntax JS-Kommentare JS-Variablen JS Let JS Konst JS-Operatoren JS-Arithmetik JS-Aufgabe JS-Datentypen JS-Funktionen JS-Objekte JS-Ereignisse JS-Strings JS-String-Methoden Suche nach JS-Strings JS-String-Vorlagen JS-Nummern JS-Zahlenmethoden JS-Arrays JS-Array-Methoden JS-Array-Sortierung JS-Array-Iteration JS-Array-Konstante JS-Daten JS-Datumsformate JS Date Get-Methoden JS-Datumssatzmethoden JS Math JS Zufällig JS Boolesche Werte JS-Vergleiche JS-Bedingungen JS-Schalter JS-Schleife für JS-Schleife für In JS-Schleife für Of JS-Schleife While JS Pause JS-Iterables JS-Sets JS-Karten JS Typeof JS-Typkonvertierung JS Bitweise JS RegExp JS-Fehler JS-Bereich JS Heben Strenger JS-Modus JS dieses Schlüsselwort JS-Pfeilfunktion JS-Klassen JS JSON JS-Debugging JS-Styleguide JS Best Practices JS-Fehler JS-Leistung JS Reservierte Wörter

JS-Versionen

JS-Versionen JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge JS-Geschichte

JS-Objekte

Objektdefinitionen Objekteigenschaften Objektmethoden Objektanzeige Objektzugriffsmethoden Objektkonstruktoren Objekt-Prototypen Objekt-Iterables Objektsätze Objektkarten Objektreferenz

JS-Funktionen

Funktionsdefinitionen Funktionsparameter Funktionsaufruf Funktionsaufruf Funktion anwenden Funktionsschließungen

JS-Klassen

Klasse Einführung Klassenvererbung Klasse statisch

JS asynchron

JS-Rückrufe JS asynchron JS verspricht JS Async/Warten

JS-HTML-DOM

DOM-Einführung DOM-Methoden DOM-Dokument DOM-Elemente DOM-HTML DOM-Formulare DOM-CSS DOM-Animationen DOM-Ereignisse DOM-Ereignis-Listener DOM-Navigation DOM-Knoten DOM-Sammlungen DOM-Knotenlisten

Stückliste des JS-Browsers

JS-Fenster JS-Bildschirm JS-Standort JS-Geschichte JS-Navigator JS-Popup-Warnung JS-Timing JS-Cookies

JS-Web-APIs

Web-API-Einführung Web Forms-API Webprotokoll-API Webspeicher-API Web Worker-API Web-Fetch-API Web-Geolocation-API

JS AJAX

AJAX-Einführung AJAX-XMLHttp AJAX-Anfrage AJAX-Antwort AJAX-XML-Datei AJAX-PHP AJAX ASP AJAX-Datenbank AJAX-Anwendungen AJAX-Beispiele

JS JSON

JSON-Einführung JSON-Syntax JSON vs. XML JSON-Datentypen JSON-Parsing JSON-Stringify JSON-Objekte JSON-Arrays JSON-Server JSON-PHP JSON-HTML JSON JSONP

JS vs. jQuery

jQuery-Selektoren jQuery-HTML jQuery-CSS jQuery-DOM

JS-Grafik

JS-Grafik JS-Leinwand JS Plotly JS Chart.js JS Google-Diagramm JS D3.js

JS-Beispiele

JS-Beispiele JS-HTML-DOM JS-HTML-Eingabe JS-HTML-Objekte JS-HTML-Ereignisse JS-Browser JS-Editor JS-Übungen JS-Quiz JS-Zertifikat

JS-Referenzen

JavaScript-Objekte HTML-DOM-Objekte


JavaScript -Datentypen

JavaScript-Variablen können verschiedene Datentypen enthalten: Zahlen, Zeichenfolgen, Objekte und mehr:

let length = 16;                               // Number
let lastName = "Johnson";                      // String
let x = {firstName:"John", lastName:"Doe"};    // Object

Das Konzept der Datentypen

Bei der Programmierung sind Datentypen ein wichtiges Konzept.

Um mit Variablen operieren zu können, ist es wichtig, etwas über den Typ zu wissen.

Ohne Datentypen kann ein Computer dies nicht sicher lösen:

let x = 16 + "Volvo";

Macht es Sinn, "Volvo" zu sechzehn hinzuzufügen? Wird es zu einem Fehler oder zu einem Ergebnis kommen?

JavaScript behandelt das obige Beispiel wie folgt:

let x = "16" + "Volvo";

Beim Hinzufügen einer Zahl und einer Zeichenfolge behandelt JavaScript die Zahl als Zeichenfolge.

Beispiel

let x = 16 + "Volvo";

Beispiel

let x = "Volvo" + 16;

JavaScript wertet Ausdrücke von links nach rechts aus. Unterschiedliche Sequenzen können zu unterschiedlichen Ergebnissen führen:

JavaScript:

let x = 16 + 4 + "Volvo";

Ergebnis:

20Volvo

JavaScript:

let x = "Volvo" + 16 + 4;

Ergebnis:

Volvo164

Im ersten Beispiel behandelt JavaScript 16 und 4 als Zahlen, bis es „Volvo“ erreicht.

Da im zweiten Beispiel der erste Operand ein String ist, werden alle Operanden als Strings behandelt.



JavaScript-Typen sind dynamisch

JavaScript hat dynamische Typen. Dies bedeutet, dass dieselbe Variable verwendet werden kann, um verschiedene Datentypen zu speichern:

Beispiel

let x;           // Now x is undefined
x = 5;           // Now x is a Number
x = "John";      // Now x is a String

JavaScript-Strings

Eine Zeichenfolge (oder eine Textzeichenfolge) ist eine Reihe von Zeichen wie "John Doe".

Strings werden mit Anführungszeichen geschrieben. Sie können einfache oder doppelte Anführungszeichen verwenden:

Beispiel

let carName1 = "Volvo XC60";   // Using double quotes
let carName2 = 'Volvo XC60';   // Using single quotes

Sie können Anführungszeichen innerhalb einer Zeichenfolge verwenden, solange sie nicht mit den Anführungszeichen übereinstimmen, die die Zeichenfolge umgeben:

Beispiel

let answer1 = "It's alright";             // Single quote inside double quotes
let answer2 = "He is called 'Johnny'";    // Single quotes inside double quotes
let answer3 = 'He is called "Johnny"';    // Double quotes inside single quotes

Später in diesem Tutorial erfahren Sie mehr über Strings.


JavaScript-Zahlen

JavaScript hat nur eine Art von Zahlen.

Zahlen können mit oder ohne Dezimalstellen geschrieben werden:

Beispiel

let x1 = 34.00;     // Written with decimals
let x2 = 34;        // Written without decimals

Extra große oder extra kleine Zahlen können mit wissenschaftlicher (exponentieller) Schreibweise geschrieben werden:

Beispiel

let y = 123e5;      // 12300000
let z = 123e-5;     // 0.00123

Später in diesem Tutorial erfahren Sie mehr über Zahlen.


JavaScript-Boolesche Werte

Boolesche Werte können nur zwei Werte haben: trueoder false.

Beispiel

let x = 5;
let y = 5;
let z = 6;
(x == y)       // Returns true
(x == z)       // Returns false

Boolesche Werte werden häufig beim bedingten Testen verwendet.

Später in diesem Tutorial erfahren Sie mehr über bedingtes Testen.


JavaScript-Arrays

JavaScript-Arrays werden mit eckigen Klammern geschrieben.

Array-Elemente werden durch Kommas getrennt.

Der folgende Code deklariert (erstellt) ein Array namens cars, das drei Elemente (Autonamen) enthält:

Beispiel

const cars = ["Saab", "Volvo", "BMW"];

Array-Indizes sind nullbasiert, was bedeutet, dass das erste Element [0] ist, das zweite [1] und so weiter.

Später in diesem Tutorial erfahren Sie mehr über Arrays .


JavaScript-Objekte

JavaScript-Objekte werden mit geschweiften Klammern geschrieben {}.

Objekteigenschaften werden als durch Kommas getrennte Name:Wert-Paare geschrieben.

Beispiel

const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

Das Objekt (Person) im obigen Beispiel hat 4 Eigenschaften: firstName, lastName, age und eyeColor.

Später in diesem Lernprogramm erfahren Sie mehr über Objekte .


Der Typ des Operators

Sie können den JavaScript typeof-Operator verwenden, um den Typ einer JavaScript-Variablen zu finden.

Der typeofOperator gibt den Typ einer Variablen oder eines Ausdrucks zurück:

Beispiel

typeof ""             // Returns "string"
typeof "John"         // Returns "string"
typeof "John Doe"     // Returns "string"

Beispiel

typeof 0              // Returns "number"
typeof 314            // Returns "number"
typeof 3.14           // Returns "number"
typeof (3)            // Returns "number"
typeof (3 + 4)        // Returns "number"

Später in diesem Tutorial erfahren Sie mehr über typeof .


Nicht definiert

In JavaScript hat eine Variable ohne Wert den Wert undefined. Der Typ ist auch undefined.

Beispiel

let car;    // Value is undefined, type is undefined

Jede Variable kann geleert werden, indem der Wert auf gesetzt wird undefined. Der Typ wird auch sein undefined.

Beispiel

car = undefined;    // Value is undefined, type is undefined

Leere Werte

Ein leerer Wert hat nichts mit zu tun undefined.

Eine leere Zeichenfolge hat sowohl einen zulässigen Wert als auch einen Typ.

Beispiel

let car = "";    // The value is "", the typeof is "string"

Testen Sie sich mit Übungen

Übung:

Verwenden Sie Kommentare, um den korrekten Datentyp der folgenden Variablen zu beschreiben:

let length = 16;            // 
let lastName = "Johnson";   // 
const x = {
  firstName: "John",
  lastName: "Doe"
};                          //