Jak iteracyjne nad właściwości w ES6/2015 klasie przykład

Question

podane te dwie klasy

class Foo{ 
    f1; 

    get f2(){ 
    return "a"; 
    } 
} 

class Bar extends Foo { 
    b1; 

    get b2(){ 
    return "a"; 
    } 
} 

let bar = new Bar(); 

Jaki kod dostanie mi tę listę właściwości z instancji bar? ['f1', 'f2', 'b1', 'b2']

Here is a Babel sample

---

Aktualizacja

ten powinien być częścią @Marc C za odpowiedź:

Korzystanie dekorator można łatwo przekształcić non własność enumerable do własności przeliczalnego:

class Bar extends Foo { 

    @enumerable() 
    get b2(){ 
    return "a"; 
    } 

} 

Oto źródło dekorator:

function enumerable() { 
    return function(target, key, descriptor) { 
    if (descriptor) { 
     descriptor.enumerable = true; 
    } 
    }; 
} 

Here is a Babel sample

Answer 1

To nie valid syntax for declaring properties znajduje się w klasie. Zamiast tego zadeklaruj je w konstruktorze.

class Foo { 
    constructor() { 
    this.f1 = undefined; 
    } 
} 

Następnie można uzyskać je za pomocą Object.keys.

Korzystanie z funkcji eksperymentalnych w Babelu pozwala zadeklarować właściwości za pomocą tej składni, ale ich wartości muszą zostać zadeklarowane.

class Foo { 
    f1 = 0; 
    ... 
} 

chodzi o dostępie do pobierające, getters są dla przeliczalny domyślnie i nie można uzyskać za pomocą Object.keys ani żadnego podobnego mechanizmu. Można jednak utworzyć wyliczalne pobierające przy użyciu Object.defineProperty.

Object.defineProperty(bar, 'f2', { 
    get() { 
    return "a"; 
    } 
}); 

Jeśli używasz eksperymentalne funkcje ES7 można zastosować decorator do metody klasy i uzyskać takie samo zachowanie. Zobacz ten Babel sample.

class Foo { 
    @enumerable() 
    get b2() { 
    return "a"; 
    } 
} 

function enumerable() { 
    return function(target, key, descriptor) { 
    if (descriptor) { 
     descriptor.enumerable = true; 
    } 
    } 
} 

Answer 2

Wydaje mi się, że odpowiedź na to pytanie była wcześniej. Można zastosować Object.getOwnPropertyNames do instancji i jego prototypów:

function getAllPropertyNames(obj) { 
    let names = []; 
    do { 
    names.push.apply(names, Object.getOwnPropertyNames(obj)); 
    obj = Object.getPrototypeOf(obj); 
    } while(obj !== Object.prototype); 
    return names.filter(name => name !== 'constructor'); 
}