لا تعمل القيم الحرفية لقالب جافا سكريبت

عند محاولة استخدام القيم الحرفية لقالب جافا سكريبت مثل بعض ${string} أو "بعض ${string}"، قد يواجه المستخدمون مشكلات حيث يتم عرض أسماء المتغيرات الحرفية بدلاً من قيمها. لا تقتصر هذه المشكلة على إصدارات معينة من المتصفحات أو أطر التطوير مثل jQuery.

الحل: استخدام Backticks

لتصحيح هذه المشكلة، من الضروري استخدام العلامات الخلفية (`) بدلاً من المفردة التقليدية أو علامات الاقتباس المزدوجة. توجد علامات التحديد الخلفية، والتي يشار إليها عادةً باسم "اللكنات الخطيرة"، بجوار المفتاح الرقمي 1 في لوحات مفاتيح QWERTY القياسية.

مثال:

// Incorrect approach
console.log('categoryName: ${this.categoryName}\ncategoryElements: ${this.categoryElements} ');

// Correct approach using backticks
console.log(`categoryName: ${this.categoryName}\ncategoryElements: ${this.categoryElements} `);

باستخدام العلامات الخلفية، يمكنك استدعاء القيم الحرفية للقالب بشكل صحيح وعرض قيم المتغيرات المطلوبة.