ecmascript-6-und-7.md

EcmaScript 6 oder auch EcmaScript 2015 ist die 6. Version der Standardisierung von JavaScript vom Juni 2015. Sie enthält viele Neuerungen, die deutlich schöneren Code ermöglichen. Aufgelistet findet man diese hier.

Die wichtigsten sind folgende:

Arrow Functions

const myFunc = () => {
    console.log('Hello World');
};
// equals
var myFunc = function() {
   console.log('Hello World');
};

Nützlich ist dies vorallem bei Callbacks:

const myArray = [1, 2, 3, 4, 5];
myArray.findIndex(e => e === 4); // 3

Außerdem sind Arrow Functions automatisch zu this gebunden.

Klassen

class Greeter {
    constructor(text) {
        this.text = text || 'Hallo Welt!';
    }

    set (text, newText) {
        // do some validation
        this.text = newText;
    }

    get (text) {
        // do something else
        return this.text;
    }

    greet() {
        console.log(this.text);
    }
}

const myGreeter = new Greeter();
myGreeter.greet();

const / let

const myConst = 5; // won't change

for (let i = 0; i < a.length; i++) {
    let x = a[i] // i is valid just in this scope
}

Destructuring

const myObj = {
    a = 5,
    b = 42
};

const {a, b} = myObj;

Generator Functions

function* counter() {
    let i = 0;
    while(true) {
        yield i++;
    }
}

const myCounter = counter();
myCounter.next().value; // 0
myCounter.next().value; // 1
myCounter.next().value; // 2