Javascript es6 - template literals - الدرس الثاني

[ahmed-alakbari]

عند استخدام المتغيرات مع النصوص في es5 عادة ما نستخدم + و , بين كل نص ومتغير

var name = 'omar',
    age = 45,
    work = 'Developer'

console.log('my name is ' + name + ', my age is ' + age + ', and work as ' + work)
// result:
// my name is omar, my age 45, and work as Developer

في es6 اصبح بامكاننا كتابة المتغيرات والنصوص معا داخل ` ... ` او ما تسمى backticks وتمييز المتغيرات بـ ${name} وهذا ما جعلها اكثر قابلية للقراءة

const name = 'omar',
    age = 45,
    work = 'Developer'

    console.log(`my name is ${name}, my age ${age}, and work as ${work}`)
// result:
// my name is omar, my age 45, and work as Developer

ايضا يمكن استخدام داخل ${...} العمليات الحسابية واستدعاء الدوال والعديد من الامور

function name() {
    return 'nour'
}

    console.log(`my name is ${ name() }, my age is ${ 20 + 13 }, and work as ${ name() == 'nour' ? 'admin' : 'unemployed'} `)
// result:
// my name is nour, my age is 33, and work as admin

[abdallahmiri]

جميل هذا التحديث es6 حيث انك تستطيع أن تقرأ الكود بشكل سلس شكراً يا احمد على المقالة