U3F1ZWV6ZTM5NDIyOTc5NDgzODkxX0ZyZWUyNDg3MTQyNDM5NzQzOQ==

القوالب الحرفية في الجافاسكربت ES6

السلام عليكم ورحمة الله وبركاته 

في هدا الدرس سنتحدت عن القوالب الحرفية في لغة الجافاسكربت ES6 والتي اصبحت تمككنا من كتابة اكواد بطريقة ابسط و اكتر تنضيما

على سبي المتال سابقا ادا اردنا ربط متغيرين على سبيل المتال word1 و word2 نستعمل الطريقة التالية

القوالب الحرفية في الجافاسكربت ES6

لاحض معي اننا نحصل على الاسم مكون من المتغيرين word1 و word2

القوالب الحرفية في الجافاسكربت ES6

لكن الان اصبح بامكاننا استعمال في الجافاسكربت ES6 علامة ` و التي اصبحت تتيح لنا امكانيات رهيبة للتحكم اكتر 

فكل ما علينا الان سوى وضع المتغيرات بداخل ${} بحيت اي شيئ سيوضع بداخلهم سيطبق على اساس انه كود جافاسكربت 

القوالب الحرفية في الجافاسكربت ES6

لاحض معي اننا حلنا على نفس النتيجة السابقة لكن هده المرة بطريقة افضل

القوالب الحرفية في الجافاسكربت ES6

كدلك يمكننا وضع العمليات الحسابية بداخل المعقوفات في الجافاسكربت ES6

متلا ادا اردنا حاصل ضرب المتغيرين num1 و num2 نستعمل الطريقة التالية

القوالب الحرفية في الجافاسكربت ES6

لاحض معي اننا حصلنا على 10

القوالب الحرفية في الجافاسكربت ES6

سابقا ايضا كنا ادا اردنا الحرجوع الى سطر جديد في الجافاسكربت نستعمل \n بالطريقة التالية

القوالب الحرفية في الجافاسكربت ES6

لاحض معي ناتج الكود السابق

القوالب الحرفية في الجافاسكربت ES6

لكن الان في الجافاسكربت ES6 اصبح بمكاننا فقط الرجوع الى السطر بحيت يؤخد بعين الاعتبار بالاضافة الى الفراغات ايضا

القوالب الحرفية في الجافاسكربت ES6

لاحض معي ناتج كود الجافاسكربت

القوالب الحرفية في الجافاسكربت ES6

اتمنى ان ينال اعجابكم هدا الدرس من سلسلة تعلم Javascript ES6

ليست هناك تعليقات
إرسال تعليق

إرسال تعليق

الاسمبريد إلكترونيرسالة