ES6 टेम्पलेट शाब्दिक में पुन: प्रयोज्य पहेली

इस चर्चा में उठाई गई प्राथमिक चिंता ES6 टेम्पलेट शाब्दिक में पुन: प्रयोज्य की अनुमानित कमी के आसपास घूमती है। पारंपरिक प्रदर्शन घोषणा के समय प्रतिस्थापन पर जोर देते हैं, रनटाइम संशोधन की अनुमति नहीं देते हैं। फ़ंक्शन कंस्ट्रक्टर. इस दृष्टिकोण में टेम्पलेट स्ट्रिंग को एक फ़ंक्शन में परिवर्तित करना शामिल है।

निम्नलिखित स्निपेट पर विचार करें:

const templateString = `Hello ${this.name}!`; स्थिरांक templateVars = { नाम: "दुनिया" }; स्थिरांक fillTemplate = function(templateString, templateVars){ नया फ़ंक्शन लौटाएँ("वापसी `" templateString "`;").call(templateVars); }; console.log(fillTemplate(templateString, templateVars));

इस फ़ंक्शन को लागू करके, आप रनटाइम पर वेरिएबल्स को संशोधित करने की लचीलापन रखते हुए वांछित स्ट्रिंग उत्पन्न कर सकते हैं।

const templateString = `Hello ${this.name}!`;
const templateVars = {
    name: "world"    
};

const fillTemplate = function(templateString, templateVars){
    return new Function("return `"   templateString   "`;").call(templateVars);
};

console.log(fillTemplate(templateString, templateVars));

टेम्पलेट के रनटाइम प्रतिस्थापन को सक्षम करता है मान

बाहरी स्रोतों से इंटरपोलेशन की सुविधा देता है, जैसे फ़ाइलें

गतिशील स्ट्रिंग हेरफेर की अनुमति देता है

• संभावित कमियां:

टेम्पलेट टैग को अतिरिक्त कार्यान्वयन प्रयास की आवश्यकता हो सकती है

टेम्पलेट के भीतर इनलाइन जावास्क्रिप्ट तर्क है देर से इंटरपोलेशन के कारण समर्थित नहीं है

प्रत्येक टेम्पलेट उपयोग के लिए फ़ंक्शन निर्माण से जुड़ी मेमोरी ओवरहेड

• संक्षेप में, जबकि ईएस6 टेम्पलेट शाब्दिक में स्वाभाविक रूप से वास्तविक पुन: प्रयोज्यता का अभाव है, फ़ंक्शन कंस्ट्रक्टर को नियोजित करना एक समाधान प्रदान करता है जो रनटाइम पर टेम्पलेट बनाने और संशोधित करने के वांछित व्यवहार का अनुकरण करता है।