JavaScript เนื่องจาก ES6 มีการรองรับสตริงเทมเพลตซึ่งให้การสนับสนุนดั้งเดิมสำหรับการแก้ไขสตริง สิ่งเหล่านี้เรียกว่าตัวอักษรเทมเพลต เทมเพลตคือตัวอักษรสตริงที่อนุญาตให้ฝังนิพจน์ สตริงเทมเพลตใช้เครื่องหมายย้อนกลับ (``) แทนที่จะเป็นเครื่องหมายคำพูดเดี่ยวหรือเครื่องหมายคู่ สตริงเทมเพลตสามารถเขียนเป็น −
var greeting = `Hello World!`;
สตริงเทมเพลตสามารถใช้ตัวยึดตำแหน่งสำหรับการแทนที่สตริงโดยใช้ไวยากรณ์${ }
ตัวอย่างที่ 1
var name = "Brendan"; console.log('Hello, ${name}!');
ผลลัพธ์
สิ่งนี้จะให้ผลลัพธ์ต่อไปนี้ -
Hello, Brendan!
ตัวอย่างที่ 2
เทมเพลตและนิพจน์
var a = 10; var b = 10; console.log(`The sum of ${a} and ${b} is ${a+b} `);
ผลลัพธ์
สิ่งนี้จะให้ผลลัพธ์ต่อไปนี้ -
The sum of 10 and 10 is 20
ตัวอย่างที่ 3
เทมเพลตและนิพจน์ฟังก์ชัน
function fn() { return "Hello World"; } console.log(`Message: ${fn()} !!`);
ผลลัพธ์
สิ่งนี้จะให้ผลลัพธ์ต่อไปนี้ -
Message: Hello World !!
สตริงเทมเพลตสามารถมีได้หลายบรรทัด
ตัวอย่าง
var multiLine = ` This is a string with multiple lines`; console.log(multiLine)
ผลลัพธ์
สิ่งนี้จะให้ผลลัพธ์ต่อไปนี้ -
This is a string with multiple line