JavaScript:
การแทรกค่าลงในสตริง

วิธีการ:

ใน JavaScript, การฝังตัวแปรลงในสตริงมักจะทำโดยใช้ template literals นี่คือวิธีที่คุณสามารถทำได้:

const name = 'Alice';
const message = `Hello, ${name}! How are you today?`;
console.log(message); // แสดงผล: Hello, Alice! How are you today?

คุณยังสามารถทำการดำเนินการภายในช่องว่างตัวแปรได้ด้วย:

const a = 10;
const b = 5;
console.log(`Ten times five is ${a * b}.`); // แสดงผล: Ten times five is 50.

การศึกษาเจาะลึก

ในประวัติศาสตร์, การฝังตัวแปรลงในสตริงใน JavaScript ไม่ได้เป็นเรื่องตรงไปตรงมาเสมอไป ก่อน ES6 (ECMAScript 2015), การเชื่อมต่อโดยทั่วไปจะทำโดยใช้ตัวดำเนินการ +:

var name = 'Bob';
var message = 'Hello, ' + name + '! How are you today?';

ด้วยการเปิดตัวของ ES6, template literals (ระหว่างเครื่องหมาย backticks ` `) ได้ถูกนำมาใช้, นำเสนอไวยากรณ์ที่ง่ายขึ้นกับช่องว่างตัวแปร ${}

ทางเลือกอื่นๆ สำหรับการฝังตัวแปรลงในสตริง ได้แก่ การเชื่อมต่อสตริงด้วยตัวดำเนินการ + และเมธอด concat(), หรือการใช้ฟังก์ชั่นที่คล้ายกับ sprintf จากไลบรารีภายนอก

ประสิทธิภาพของ template literals โดยทั่วไปจะเท่ากับวิธีการเหล่านี้ที่เก่ากว่า อย่างไรก็ตาม, ความสามารถในการอ่านและความสามารถในการรวมนิพจน์ (เช่น ${a * b}) ในสตริงทำให้ template literals เป็นทางเลือกที่ดีสำหรับนักพัฒนา

ดูเพิ่มเติม

• MDN เกี่ยวกับ Template Literals: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals
• การเชื่อมต่อสตริงใน JavaScript: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/String_Operators
• ประวัติศาสตร์ของโมดูล JavaScript “ECMAScript”: https://www.ecma-international.org/publications-and-standards/standards/ecma-262/