Template Literals

#HelloFrontend #HelloErmine #HelloWorld2021

Template literal คืออะไร ?

คือ การสร้าง string ที่สามารถแปะ expression เข้าไปได้เลย ไม่ต้องใช้การต่อ string ด้วยเครื่องหมาย + (concatenation)

ใช้งานอย่างไร ?

Template literal จะใช้ grave accent (`) แทนการใช้ single quote (') หรือ double quote (“) และ expression ต้องเขียนในรูปแบบ ${expression}

Grave accent (`) อยู่มุมบนซ้ายของ keyboard หรือกด Alt + 96 บน Numpad

let name = "Poopoo";
console.log(`Hello, ${name}`);   // Hello Poopoo
console.log(`2 x 2 = ${2 * 2}`); // 2 x 2 = 4

แหล่งอ้างอิง 📑

Template literals (Template strings) - JavaScript | MDN