เทมเพลตสตริงใน JavaScript

มีเครื่องหมายคำพูดพิเศษประเภทหนึ่ง - คือแบ็กทิก:

let str = `abc`;
alert(str); // จะแสดง 'abc'

ในแบ็กทิกคุณสามารถแทรกตัวแปรได้ สำหรับสิ่งนี้ให้เขียนชื่อตัวแปรใน โครงสร้าง ${}

ลองดูตัวอย่างกัน สมมติว่าเราต้องการต่อสตริง กับตัวแปร:

let str = 'xxx';
let txt = 'aaa ' + str + ' bbb';

โค้ดนี้สามารถเขียนใหม่ได้ดังนี้:

let str = 'xxx';
let txt = `aaa ${str} bbb`;

เขียนโค้ดต่อไปนี้ใหม่โดยใช้ การแทรกตัวแปร:

let str1 = 'xxx';
let str2 = 'yyy';
let txt  = 'aaa ' + str1 + ' bbb ' + str2 + ' ccc';