क्या कोई यह समझा सकता है कि एएस 7 प्रतिबिंबित-मेटाडाटा क्या है?

Question

अब एक सप्ताह के लिए ES6, JSPM & angular2 अध्ययन कर और मैं इस रेपो ES6-loader

पाया अगर हम नीचे स्क्रिप्ट पर index.html को देखो आप

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

देखेंगे यह JSPM के उपयोग कर रहा है systemjs polyfill ES6 के import प्राप्त करने के लिए।

प्रश्न: इस स्थिति में प्रतिबिंबित मेटाडाटा वास्तव में क्या करता है? npm reflect-meta जितना अधिक मैंने प्रलेखन पढ़ा, उतना कम मैं समझता हूं कि यह क्या करता है?

Answer 1

'reflect-metadata' एक पैकेज है जो ES7 के लिए एक प्रस्ताव है। यह मेटा डेटा को किसी वर्ग या फ़ंक्शन में शामिल करने की अनुमति देता है; अनिवार्य रूप से यह syntax sugar है।

उदाहरण। कोणीय 2 ES6:

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

आप @Component और @View के बाद कोई अर्धविराम देखते हैं देख सकते हैं। ऐसा इसलिए है क्योंकि वे कक्षा में अनिवार्य रूप से चेन (मेटा) डेटा हैं।

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

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

आप देख सकते हैं @ प्रतीक एक वर्ग के एनोटेशन संपत्ति के बहुत बाहर सार और यह अधिक D.R.Y बनाता है:

अब कोणीय 2 ES5 में लेकिन में है कि एक ही कोड को देखने की सुविधा देता है।

यह एक कदम आगे लेना कोणीय टीम जानता है कि एनोटेशन नए उपयोगकर्ता के लिए थोड़ा सा सार है। इसके अलावा, ईएस 5 बस बहुत verbose है। जिसके कारण वे a.js बनाया जो बेहतर एनोटेशन के साथ इंटरफ़ेस कर देगा:

Video to understand this