टेम्पलेट लिटरल्स: पुन: उपयोग को पुनर्जीवित करना

ईएस6 में टेम्प्लेट लिटरल्स को अक्सर शक्तिशाली पाठ हेरफेर उपकरण के रूप में देखा जाता है, लेकिन एक परेशान करने वाला प्रश्न बना रहता है: क्या उन्हें वास्तव में पुन: उपयोग किया जा सकता है?

अपूर्ण उम्मीदें

पहली नज़र में, टेम्पलेट शाब्दिक केवल घोषणा के समय गतिशील प्रतिस्थापन का वादा करते प्रतीत होते हैं। इससे सवाल उठता है: एक टेम्पलेट क्या है जो स्थिर रहता है? मध्यस्थ के रूप में कंस्ट्रक्टर:

const template = "हैलो ${this.name}!"; स्थिरांक चर = { नाम: "दुनिया" }; फ़ंक्शन fillTemplate(str, डेटा) { नया फ़ंक्शन लौटाएं("वापसी `" str "`;").कॉल(डेटा); } कंसोल.लॉग(फिलटेम्पलेट(टेम्पलेट, वेरिएबल्स)); // आउटपुट: नमस्ते दुनिया! प्रक्षेप: चर पारंपरिक टेम्पलेट की तरह, गतिशील रूप से भरे जाते हैं इंजन।

विखंडन:

const template = "Hello ${this.name}!";
const variables = {
  name: "world"
};
function fillTemplate(str, data) {
  return new Function("return `"   str   "`;").call(data);
}
console.log(fillTemplate(template, variables)); // Output: Hello world!

गतिशील निर्माण: टेम्पलेट्स का निर्माण और मूल्यांकन किया जा सकता है उड़ना।

• हालाँकि यह विधि पुनर्जीवित कार्यक्षमता प्रदान करती है, कुछ चेतावनी भी हैं:
• सीमित जावास्क्रिप्ट: देर से प्रक्षेप के कारण इनलाइन जावास्क्रिप्ट तर्क संभव नहीं है .
• टेम्पलेट टैग: टेम्प्लेट टैग चुनौतीपूर्ण हो जाते हैं कार्यान्वयन।

इन सीमाओं के बावजूद, यह स्पष्ट है कि थोड़ी सरलता के साथ, टेम्पलेट शाब्दिक अपने पारंपरिक दायरे को पार कर सकते हैं और वास्तव में पुन: प्रयोज्य बन सकते हैं।