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


Beispiel

Weisen Sie Variablen Werte zu und addieren Sie sie zusammen:

let x = 5;         // assign the value 5 to x
let y = 2;         // assign the value 2 to y
let z = x + y;     // assign the value 7 to z (5 + 2)

Der Zuweisungsoperator ( =) weist einer Variablen einen Wert zu.

Abtretung

let x = 10;

Der Additionsoperator ( +) fügt Zahlen hinzu:

Hinzufügen

let x = 5;
let y = 2;
let z = x + y;

Der Multiplikationsoperator ( *) multipliziert Zahlen.

Multiplizieren

let x = 5;
let y = 2;
let z = x * y;


JavaScript-Arithmetikoperatoren

Arithmetische Operatoren werden verwendet, um mit Zahlen zu rechnen:

Operator Description
+ Addition
- Subtraction
* Multiplication
** Exponentiation (ES2016)
/ Division
% Modulus (Division Remainder)
++ Increment
-- Decrement

Arithmetische Operatoren werden vollständig im JS-Arithmetik- Kapitel beschrieben.


JavaScript-Zuweisungsoperatoren

Zuweisungsoperatoren weisen JavaScript-Variablen Werte zu.

Operator Example Same As
= x = y x = y
+= x += y x = x + y
-= x -= y x = x - y
*= x *= y x = x * y
/= x /= y x = x / y
%= x %= y x = x % y
**= x **= y x = x ** y

Der Additionszuweisungsoperator ( +=) fügt einer Variablen einen Wert hinzu.

Abtretung

let x = 10;
x += 5;

Zuweisungsoperatoren werden im Kapitel JS-Zuweisung vollständig beschrieben.


JavaScript-String-Operatoren

Der +Operator kann auch zum Hinzufügen (Verketten) von Zeichenfolgen verwendet werden.

Beispiel

let text1 = "John";
let text2 = "Doe";
let text3 = text1 + " " + text2;

Das Ergebnis von text3 wird sein:

John Doe

Der +=Zuweisungsoperator kann auch zum Hinzufügen (Verketten) von Zeichenfolgen verwendet werden:

Beispiel

let text1 = "What a very ";
text1 += "nice day";

Das Ergebnis von text1 wird sein:

What a very nice day

Bei Verwendung auf Zeichenfolgen wird der +-Operator als Verkettungsoperator bezeichnet.


Hinzufügen von Zeichenfolgen und Zahlen

Das Addieren von zwei Zahlen gibt die Summe zurück, aber das Addieren einer Zahl und eines Strings gibt einen String zurück:

Beispiel

let x = 5 + 5;
let y = "5" + 5;
let z = "Hello" + 5;

Das Ergebnis von x , y und z ist:

10
55
Hello5

Wenn Sie eine Zahl und einen String hinzufügen, ist das Ergebnis ein String!


JavaScript-Vergleichsoperatoren

Operator Description
== equal to
=== equal value and equal type
!= not equal
!== not equal value or not equal type
> greater than
< less than
>= greater than or equal to
<= less than or equal to
? ternary operator

Vergleichsoperatoren werden im Kapitel JS-Vergleiche ausführlich beschrieben.


Logische JavaScript-Operatoren

Operator Description
&& logical and
|| logical or
! logical not

Logische Operatoren werden im Kapitel JS-Vergleiche vollständig beschrieben .


JavaScript-Typ-Operatoren

Operator Description
typeof Returns the type of a variable
instanceof Returns true if an object is an instance of an object type

Typoperatoren werden im Kapitel JS-Typkonvertierung ausführlich beschrieben.


Bitweise JavaScript-Operatoren

Bit-Operatoren arbeiten mit 32-Bit-Zahlen.

Jeder numerische Operand in der Operation wird in eine 32-Bit-Zahl umgewandelt. Das Ergebnis wird zurück in eine JavaScript-Zahl umgewandelt.
Operator Description Example Same as Result Decimal
& AND 5 & 1 0101 & 0001 0001  1
| OR 5 | 1 0101 | 0001 0101  5
~ NOT ~ 5  ~0101 1010  10
^ XOR 5 ^ 1 0101 ^ 0001 0100  4
<< left shift 5 << 1 0101 << 1 1010  10
>> right shift 5 >> 1 0101 >> 1 0010   2
>>> unsigned right shift 5 >>> 1 0101 >>> 1 0010   2

Die obigen Beispiele verwenden 4-Bit-Beispiele ohne Vorzeichen. JavaScript verwendet jedoch 32-Bit-Zahlen mit Vorzeichen.
Aus diesem Grund gibt ~ 5 in JavaScript nicht 10 zurück, sondern -6.
~0000000000000000000000000000101 gibt 1111111111111111111111111111010 zurück

Bitwise-Operatoren werden im JS Bitwise- Kapitel vollständig beschrieben.


Testen Sie sich mit Übungen

Übung:

Multiplizieren Sie 10mit 5, und zeigen Sie das Ergebnis an.

alert(10  5);