Kann mir jemand erklären, worum es bei es7 reflect-Metadaten geht?

Question

studiert ES6, JSPM & angular2 seit einer Woche und ich fand dieses Repo ES6-loader

, wenn wir an der index.html am unteren Skript aussehen werden Sie

System.import('reflect-metadata') 
    .then(function() { 
    return System.import('app/index'); 
    }) 
    .catch(console.log.bind(console)); 

sehen Dies ist mit JSPM des Systemjs Polyfill zu ES6 import erhalten.

Frage: Was tun die Reflect-Metadaten wirklich in dieser Situation? npm reflect-meta Je mehr ich die Dokumentation lese, desto weniger verstehe ich, was es tut?

Answer 1

'reflect-metadata' ist ein Paket, das ein Vorschlag für ES7 ist. Es ermöglicht, Metadaten in eine Klasse oder Funktion aufzunehmen; im Wesentlichen ist es syntax sugar.

Beispiel. Angular 2 ES6:

@Component({selector: "thingy"}) 
@View({template: "<div><h1>Hello everyone</h1></div>"}) 
class Thingy{}; 

Wie Sie sehen, gibt es keine Semikolons nach @Component und @View. Dies liegt daran, dass sie im Wesentlichen Ketten von (Meta) -Daten der Klasse sind.

können nun in Angular 2 bei gleichen Code aussehen, aber in ES5:

function Thingy(){} 
Thingy.annotations = [ 
    new angular.ComponentAnnotation({ 
     selector: "thingy" 
    }), 
    new angular.ViewAnnotation({ 

     template: "<div><h1>Hello everyone</h1></div>" 
    }) 
]; 

Wie Sie das @ -Symbol alot der Anmerkungen Eigenschaft einer Klasse abstrahiert aus sehen kann und macht es D.R.Y.

Der nächste Schritt Angular-Team weiß, dass Anmerkungen für den neuen Benutzer ein bisschen abstrakt sind. Außerdem ist der ES5 einfach zu ausführlich. weshalb sie a.js gemacht, was besser mit Anmerkungen Schnittstelle machen:

Video to understand this