Für viele ein Mysterium, für andere die beste moderne JavaScript Notation, die man sich nur vorstellen kann.
Die Rede ist von den ECMA-Script6 Arrow Functions.

Was sind Arrow Functions

Der Begriff der “Arrow” oder auch “Pfeil”-Funktionen entstammt dem Umstand, dass diese Funktionen mit einem Pfeil => geschrieben werden.

Gegenüberstellung

Wir zeigen zunächst eine allgemein Darstellung einer Vue JS Data Function ohne Arrow Function Notation. Diese Darstellung ist übrigens nach wie vor gültig, funktionsfähig und problemlos nutzbar.

// bekannt, ohne ES6 Arrow Functions
data: function() {
return {
item: {
title: '',
description: '',
}
}
},

Dieselbe Notation eines beliebigen Items wäre in Arrow Function Schreibweise:

// mit ES6 Arrow Functions
data: () => ({
item: {
title: '',
description: '',
}
}),

Man kann im direkten Vergleich sehen, was genau die Arrow Function “eigentlich” macht.
Nämlich zB. das weglassen des “function” Statements. Oder auch das weglassen des “return” Statements.

Andreas Pabst Top Speaker – IT Coach – Rhetorik Trainer hat 4,89 von 5 Sternen 64 Bewertungen auf ProvenExpert.com