Einstellung eines ES6-Klassengetters auf aufzählbar

Question

Ich habe eine ES6-Klasse (transcompiled mit Babeljs) mit einer Getter-Eigenschaft. Ich verstehe, dass diese Eigenschaften standardmäßig nicht aufzählbar sind. Allerdings verstehe ich nicht, warum ich nicht in der Lage bin die Eigenschaft enumerable mit Object.defineProperty

// Declare class 
class Person { 
    constructor(myName) { 
    this.name = myName; 
    } 

    get greeting() { 
    return `Hello, I'm ${this.name}`; 
    } 
} 

// Make enumerable (doesn't work) 
Object.defineProperty(Person, 'greeting', {enumerable: true}); 

// Create an instance and get enumerable properties 
var person = new Person('Billy'); 
var enumerableProperties = Object.keys(person); 
// => ['name'] 

Plunker Example

Answer 1

ES6 Stil Getter zu machen auf dem Prototyp definiert, nicht auf jedem einzelnen person. Um die greeting Eigenschaft auf zählbare müssen Sie ändern:

// Make enumerable (doesn't work) 
Object.defineProperty(Person, 'greeting', {enumerable: true}); 

zu:

// Make enumerable 
Object.defineProperty(Person.prototype, 'greeting', {enumerable: true}); 

Object.keys nur Renditen, die eigene enumerable Eigenschaften Objekte, so Eigenschaften auf dem Prototyp werden nicht zurückgegeben. Sie finden die greeting Eigenschaft in Object.keys(Object.getPrototypeOf(person)) oder in einer for...in Schleife. Updated Plunker

Wenn stattdessen möchten, dass Sie jede einzelne Instanz von Person ihre eigenen haben greeting Sie es im Konstruktor definieren:

class Person { 
    constructor(myName) { 
    this.name = myName; 

    Object.defineProperty(this, 'greeting', { 
     enumerable: true, 
     get: function () { return `Hello, I'm ${this.name}`; } 
    }); 
    } 
} 

Updated Plunker

Answer 2

Sie können wie folgt tun Trick:

class Person { 
    static createFields({ name }) { 
    return { 
     name, 
     get greeting() { 
     return `Hello, I'm ${this.name}`; 
     } 
    } 
    } 

    constructor(...args) { 
    const inst = this.constructor.createFields(...args) 
    const desc = Object.getOwnPropertyDescriptors(inst) 
    Object.defineProperties(this, desc) 
    return this 
    } 
} 

Vorteil ist, dass Getter auf einfache Objekte sind aufzählbar und konfigurierbar standardmäßig, müssen Sie nicht c sind über diese Modifikatoren jedes Mal.

Aber ... es sieht irgendwie komisch aus) Nicht sicher, ob das wirklich benutzt werden sollte.