JavaScript Übersicht

s. https://pmaneggia.github.io/JS-ProbestudiumLMU/

Syntax ähnlich wie Java und C, objektorientiert, funktional, prototypische Vererbung, dynamisch typisiert.

Kommentare

// einzeilig
/* mehrzeilig: Zeile 1
Zeile 2 */

Variablen

x = 3; // global
let x = 3; // lokal
var x = 3; // lokal (altmodisch)
const X = 3; // Konstante

Datentypen

Die wichtigsten Datentypen sind:

• Number - 64-Bits double precision floating number, keine ganze Zahl!
• String
• Boolean - true, false
• Object
  • Array
  • Function

Datentypen sind auch:

• null
• undefined
• Date
• RegExp - Regulärer Ausdruck
• Symbol

Beispiele und wichtigste Operatoren

let n = 0.5; // Number
// +, -, *, /
Math.floor(n); // abrunden 
Math.pow(b,e); // Potenz: b hoch e
Math.abs(n); // Betrag
n % d; // Modulo-Operator: Rest der ganzahligen Division
NaN // Wert <Not a Number> falls nicht auf eine Zahl zurückzuführen

// String
let s = 'Hallo'; // oder auch: "Hallo";
s + ' Welt!'; // -> 'Hallo Welt!' 
s.length; // -> 5
s.charAt(1); // -> 'a'

// Boolean
let b = true;
false;
//boolesche Operatoren
x === y; // ist gleich
x !== y; // ist ungleich
x < y; // ist kleiner
x <= y // ist kleiner oder gleich
x > y; // ist größer
x >= y // ist größer oder gleich
!b; // Verneinung
b && c; // und
b || c; // oder

//Objekt
let o = {
   l: 3, 
   r: 5, 
   f: function(x) {
      return this.l <= x && x <= this.r;
   }
};

o.l; // -> 3
o.f(4.6); // -> true 

//Array
let obst = ['Apfel', 'Kokosnuss', 'Birne'];
obst[0]; // -> 'Apfel'
obst.length; // -> 3;
//Arrays in Javascript können Objekte von verschiedenen Datentypen enthalten
let mix = [5.3, 'Tokyo', false, [7,6,5]];
//Viele interessante Methoden: includes(x), indexOf(x), join(), map(), pop(), push(), ...

//Function: s. nächste Abschnitt

Funktionen

Funktionen in Javascript sind selbst Objekte! Die Syntax für die Definition einer Funktion ist:

function summe(x, y) {
 return x + y;
}

// oder

summe = (x, y) => {
 return x + y;
}

Debugging

console.log("Hallo Welt");

oder im Browser-Debugger

Fallunterscheidung

if (x < n) {
  return 'zu klein';
} else if (x > n) {
  return 'zu groß';
} else {
  return 'gewonnen!';
}

Schleifen

// Quadratzahlen von 0 bis 81 ausgeben
for (let i = 0; i < 10; i++) {
   console.log(i*i); 
} 

// jedes Element in einem Array oder String ausgeben auch mit
for (let x of [2, 3, 5, 7]) {
   console.log(x);
}   

for (let x of 'Hallo') {
   console.log(x);
}   

// Gerade Zahlen ausgeben
let x = 0;
while(x < 100) {
   console.log(x);
   x = x + 2; 
}

Ternary Operator

(alter >= 16) ? "Bier" : "Saft";