حرفية القالب القابلة لإعادة الاستخدام: الكشف عن الإمكانات المخفية
بينما يتم استخدام القالب الحرفي في ES6 على نطاق واسع، فإن التصور السائد هو أنهم ملزمون إلى الأبد لحظة إنشائها، وتفتقر إلى المرونة اللازمة لإعادة استخدامها وتحديثها ديناميكيًا. تتحدى هذه المقالة هذه الفكرة، وتستكشف إمكانية تحويل القيم الحرفية للقالب إلى مستندات ديناميكية وقابلة لإعادة الاستخدام.
يكمن جوهر القالب التقليدي في القدرة على حقن الرموز المميزة في وقت التشغيل، ويمكن تقييمها عند الضرورة. ومع ذلك، يبدو أن القيم الحرفية لقالب ES6 تقوم بتقييم بدائلها في وقت الإعلان، مما يحد من قابليتها للتطبيق العملي.
المحفز الأساسي: مُنشئ الوظيفة
للتغلب على هذا القيد الواضح، نحن استخدم منشئ الوظيفة كوسيط. من خلال استخدام هذه البنية، يمكننا تأجيل عملية الاستيفاء حتى يتم استدعاء الوظيفة:
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));
في هذا المثال، تقبل الدالة fillTemplate سلسلة القالب ومجموعة من المتغيرات المراد استيفاءها. داخل الوظيفة، نقوم بإنشاء دالة، عند تنفيذها، تقوم بإرجاع سلسلة القالب مع القيم من templateVars التي تم حقنها في وقت التشغيل. توفر القيم الحرفية للقالب القابلة لإعادة الاستخدام العديد من المزايا:
الاستيفاء الديناميكي: يمكن استيفاء القيم في القالب في وقت التشغيل، مما يوفر مرونة أكبر.
استيفاء خارجي: يمكن الحصول على القوالب من ملفات خارجية، مما يسمح بسهولة الصيانة والتعاون.إمكانيات موسعة: يمكن دمج ميزات إضافية مثل علامات القالب مع بعض البراعة.تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.
Copyright© 2022 湘ICP备2022001581号-3