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


Beispiel

let x, y, z;    // Statement 1
x = 5;          // Statement 2
y = 6;          // Statement 3
z = x + y;      // Statement 4

JavaScript-Programme

Ein Computerprogramm ist eine Liste von "Anweisungen", die von einem Computer "ausgeführt" werden sollen.

In einer Programmiersprache werden diese Programmieranweisungen Anweisungen genannt .

Ein JavaScript-Programm ist eine Liste von Programmieranweisungen .

In HTML werden JavaScript-Programme vom Webbrowser ausgeführt.


JavaScript-Anweisungen

JavaScript-Anweisungen bestehen aus:

Werte, Operatoren, Ausdrücke, Schlüsselwörter und Kommentare.

Diese Anweisung weist den Browser an, "Hello Dolly" zu schreiben. innerhalb eines HTML-Elements mit id="demo":

Beispiel

document.getElementById("demo").innerHTML = "Hello Dolly.";

Die meisten JavaScript-Programme enthalten viele JavaScript-Anweisungen.

Die Anweisungen werden nacheinander in derselben Reihenfolge ausgeführt, in der sie geschrieben wurden.

JavaScript-Programme (und JavaScript-Anweisungen) werden oft als JavaScript-Code bezeichnet.


Semikolons ;

Semikolons trennen JavaScript-Anweisungen.

Fügen Sie am Ende jeder ausführbaren Anweisung ein Semikolon hinzu:

Beispiele

let a, b, c;  // Declare 3 variables
a = 5;        // Assign the value 5 to a
b = 6;        // Assign the value 6 to b
c = a + b;    // Assign the sum of a and b to c

Durch Semikolons getrennt sind mehrere Anweisungen in einer Zeile erlaubt:

a = 5; b = 6; c = a + b;

Im Web sehen Sie möglicherweise Beispiele ohne Semikolons.
Das Beenden von Anweisungen mit Semikolon ist nicht erforderlich, wird jedoch dringend empfohlen.



JavaScript-Leerraum

JavaScript ignoriert mehrere Leerzeichen. Sie können Ihrem Skript Leerzeichen hinzufügen, um es besser lesbar zu machen.

Die folgenden Zeilen sind gleichwertig:

let person = "Hege";
let person="Hege";

Eine gute Praxis ist es, Leerzeichen um Operatoren zu setzen ( = + - * / ):

let x = y + z;

JavaScript-Zeilenlänge und Zeilenumbrüche

Für beste Lesbarkeit vermeiden Programmierer häufig Codezeilen, die länger als 80 Zeichen sind.

Wenn eine JavaScript-Anweisung nicht in eine Zeile passt, ist die beste Stelle, um sie zu unterbrechen, nach einem Operator:

Beispiel

document.getElementById("demo").innerHTML =
"Hello Dolly!";

JavaScript-Code-Blöcke

JavaScript-Anweisungen können in Codeblöcken in geschweiften Klammern {...} zusammengefasst werden.

Der Zweck von Codeblöcken besteht darin, gemeinsam auszuführende Anweisungen zu definieren.

Eine Stelle, an der Sie in Blöcken gruppierte Anweisungen finden, sind JavaScript-Funktionen:

Beispiel

function myFunction() {
  document.getElementById("demo1").innerHTML = "Hello Dolly!";
  document.getElementById("demo2").innerHTML = "How are you?";
}

In diesem Tutorial verwenden wir 2 Einrückungen für Codeblöcke.
Sie werden später in diesem Tutorial mehr über Funktionen erfahren.


JavaScript-Schlüsselwörter

JavaScript-Anweisungen beginnen oft mit einem Schlüsselwort , um die auszuführende JavaScript-Aktion zu identifizieren.

Unsere Reservierte-Wörter-Referenz listet alle JavaScript-Schlüsselwörter auf.

Hier ist eine Liste einiger Schlüsselwörter, die Sie in diesem Tutorial kennenlernen werden:

Stichwort Beschreibung
var Deklariert eine Variable
let Deklariert eine Blockvariable
const Deklariert eine Blockkonstante
if Markiert einen Anweisungsblock, der unter einer Bedingung ausgeführt werden soll
switch Markiert einen Block von Anweisungen, die in verschiedenen Fällen ausgeführt werden sollen
for Markiert einen Anweisungsblock, der in einer Schleife ausgeführt werden soll
function Deklariert eine Funktion
return Beendet eine Funktion
try Implementiert die Fehlerbehandlung für einen Block von Anweisungen

JavaScript-Schlüsselwörter sind reservierte Wörter. Reservierte Wörter können nicht als Namen für Variablen verwendet werden.