Verwirrt auf ES6 Objekt Syntax

Question

Ich lese über die neuen ECMAScript 2015 Funktionen und stolperte über ein Codebeispiel, das für mich unter der Pfeile Überschrift keinen Sinn macht.

// Lexical this 
var bob = { 
    _name: "Bob", 
    _friends: [], 
    printFriends() { 
    this._friends.forEach(f => 
     console.log(this._name + " knows " + f)); 
    } 
} 

Wie funktioniert printFriends() {... hier? Es ist keine Methode, weil es keinen Doppelpunkt gibt. Es ist keine private Funktion, weil es kein function Schlüsselwort gibt. Was fehlt mir hier?

Answer 1

Wie man auf dem MDN lesen können, unterstützt ES2015 Stenografie Objektmethoden zur Definition:

ES5

var obj = { 
    foo: function() {}, 
    bar: function() {} 
}; 

und ES2015 Stenografie:

var obj = { 
    foo() {}, 
    bar() {} 
}; 

Answer 2

Die printFriends() {.. .} ist eine Abkürzung für die Funktion printFriends() {...} Da printFriends keine Parameter akzeptiert, können Sie anstelle von func einfach() verwenden printFriends.

See mozilla arrow function docs