Funktion innerhalb eines Objekts definiert gibt den Wert nicht zurück?

Question

Ich versuche, den Namen des Elements innerhalb des Objekts zurückzugeben. Das zweite Element ist die Funktion getBook(), die den Namen des Buches zurückgeben sollte, aber ich bekomme undefined in meiner Konsole. Ich habe den zweiten Variablengetnamen definiert, der auf die Funktion innerhalb des Objekts verweist. Ich bin mir nicht sicher, ob ich this.element zurückgeben kann. Wenn jemand erklären kann, warum mein Code versagt, würde ich das schätzen. Vielen Dank.

Answer 1

Sie müssen bind() Bücher zum getName-Funktion Ausdruck. Andernfalls wird der Kontext der this wird das window Objekt verweisen:

var books = { 
 
    name: 'Goodnight Moon', 
 
    getBook() { 
 
    return this.name; 
 
    } 
 
}; 
 

 
var getName = books.getBook.bind(books); 
 
console.log(getName());

Answer 2

Natürlich könnte man einfach tun

// same object definition 
 
var books = { 
 
    name: 'Goodnight Moon', 
 
    getBook() { 
 
     return this.name; 
 
    } 
 
}; 
 

 
// but call: 
 
books.getBook(); 
 
console.log(books.getBook());