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 -Syntax

JavaScript-Syntax ist das Regelwerk, wie JavaScript-Programme aufgebaut sind:

// How to create variables:
var x;
let y;

// How to use variables:
x = 5;
y = 6;
let z = x + y;

JavaScript-Werte

Die JavaScript-Syntax definiert zwei Arten von Werten:

  • Feste Werte
  • Variable Werte

Feste Werte werden als Literale bezeichnet .

Variablenwerte werden als Variablen bezeichnet .


JavaScript-Literale

Die beiden wichtigsten Syntaxregeln für feste Werte sind:

1. Zahlen werden mit oder ohne Dezimalstellen geschrieben:

10.50

1001

2. Strings sind Text, geschrieben in doppelte oder einfache Anführungszeichen:

"John Doe"

'John Doe'


JavaScript-Variablen

In einer Programmiersprache werden Variablen verwendet, um Datenwerte zu speichern .

JavaScript verwendet die Schlüsselwörter var, letund um Variablen constzu deklarieren .

Ein Gleichheitszeichen wird verwendet, um Variablen Werte zuzuweisen .

In diesem Beispiel ist x als Variable definiert. Dann wird x der Wert 6 zugewiesen (gegeben):

let x;
x = 6;

JavaScript-Operatoren

JavaScript verwendet arithmetische Operatoren ( + - * /), um Werte zu berechnen :

(5 + 6) * 10

JavaScript verwendet einen Zuweisungsoperator ( =), um Variablen Werte zuzuweisen :

let x, y;
x = 5;
y = 6;

JavaScript-Ausdrücke

Ein Ausdruck ist eine Kombination aus Werten, Variablen und Operatoren, die zu einem Wert berechnet werden.

Die Berechnung wird Bewertung genannt.

Zum Beispiel wird 5 * 10 zu 50 ausgewertet:

5 * 10

Ausdrücke können auch Variablenwerte enthalten:

x * 10

Die Werte können unterschiedlicher Art sein, beispielsweise Zahlen und Zeichenfolgen.

Beispiel: „John“ + „ “ + „Doe“ ergibt „John Doe“:

"John" + " " + "Doe"

JavaScript-Schlüsselwörter

JavaScript -Schlüsselwörter werden verwendet, um auszuführende Aktionen zu identifizieren.

Das letSchlüsselwort weist den Browser an, Variablen zu erstellen:

let x, y;
x = 5 + 6;
y = x * 10;

Das varSchlüsselwort weist den Browser auch an, Variablen zu erstellen:

var x, y;
x = 5 + 6;
y = x * 10;

In diesen Beispielen führt die Verwendung von var oder letzum gleichen Ergebnis.

Sie werden später in diesem Tutorial mehr über var und erfahren.let


JavaScript-Kommentare

Nicht alle JavaScript-Anweisungen werden "ausgeführt".

Code nach doppelten Schrägstrichen //oder zwischen /*und */wird als Kommentar behandelt .

Kommentare werden ignoriert und nicht ausgeführt:

let x = 5;   // I will be executed

// x = 6;   I will NOT be executed

In einem späteren Kapitel erfahren Sie mehr über Kommentare.


JavaScript-Identifikatoren/Namen

Bezeichner sind JavaScript-Namen.

Bezeichner werden verwendet, um Variablen und Schlüsselwörter sowie Funktionen zu benennen.

Die Regeln für legale Namen sind in den meisten Programmiersprachen gleich.

Ein JavaScript-Name muss beginnen mit:

  • Ein Buchstabe (AZ oder az)
  • Ein Dollarzeichen ($)
  • Oder ein Unterstrich (_)

Nachfolgende Zeichen können Buchstaben, Ziffern, Unterstriche oder Dollarzeichen sein.

Notiz

Zahlen sind als erstes Zeichen in Namen nicht erlaubt.

Auf diese Weise kann JavaScript Bezeichner leicht von Zahlen unterscheiden.


Bei JavaScript wird zwischen Groß- und Kleinschreibung unterschieden

Bei allen JavaScript-Bezeichnern wird zwischen Groß- und Kleinschreibung unterschieden . 

Die Variablen lastNameund lastname, sind zwei verschiedene Variablen:

let lastname, lastName;
lastName = "Doe";
lastname = "Peterson";

JavaScript interpretiert LET oder Let nicht als Schlüsselwort let .


JavaScript und Camel Case

In der Vergangenheit haben Programmierer verschiedene Methoden verwendet, um mehrere Wörter zu einem Variablennamen zu verbinden:

Bindestriche:

Vorname, Nachname, Mastercard, Intercity.

Bindestriche sind in JavaScript nicht erlaubt. Sie sind für Subtraktionen reserviert.

Unterstreichen:

vorname, nachname, master_card, inter_city.

Upper Camel Case (Pascal-Fall):

Vorname, Nachname, MasterCard, InterCity.

Unteres Kamelgehäuse:

JavaScript-Programmierer neigen dazu, Kamelbuchstaben zu verwenden, die mit einem Kleinbuchstaben beginnen:

Vorname, Nachname, MasterCard, InterCity.


JavaScript-Zeichensatz

JavaScript verwendet den Unicode -Zeichensatz.

Unicode umfasst (fast) alle Zeichen, Satzzeichen und Symbole der Welt.

Für einen genaueren Blick lesen Sie bitte unsere vollständige Unicode-Referenz .