Qualcuno può spiegare cosa sono esattamente i metadati di rispecchiamento di es7?

Question

studiato ES6, JSPM & angular2 per una settimana e ho trovato questo repo ES6-loader

se guardiamo alla index.html allo script fondo vedrete

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

Questo sta usando JSPM di systemjs polyfill per ottenere gli import di ES6.

Domanda: Che cosa fanno realmente i metadati di riflessione in questa situazione? npm reflect-meta Più leggo la documentazione, meno capisco cosa fa?

Answer 1

'reflect-metadata' è un pacchetto che è una proposta per ES7. Permette di includere metadati in una classe o funzione; essenzialmente è syntax sugar.

Esempio. angolare 2 ES6:

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

Come potete vedere non ci sono punti e virgola dopo @Component e @View. Questo perché sono essenzialmente catene di (meta) dati sulla classe.

Vediamo ora che lo stesso codice nella angolare 2 ma in ES5:

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

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

Come si può vedere il simbolo @ astrae fuori un sacco di proprietà annotazioni di una classe e la rende più D.R.Y.

Facendo questo un ulteriore passo avanti, il team Angular sa che le annotazioni sono un po 'astratte per il nuovo utente. Inoltre, ES5 è semplicemente troppo prolisso. ed è per questo che hanno fatto a.js che renderà l'interfacciamento con annotazioni meglio:

Video to understand this