สตริงเทมเพลตของ ES6 เป็นวิธีใหม่ในการรวมสตริง เรามีวิธีการเช่น join() . แล้ว , concat() ฯลฯ เพื่อรวมสตริงแต่ สตริงเทมเพลต เป็นวิธีที่ซับซ้อนที่สุด เพราะมัน อ่านง่าย . มากกว่า , ไม่มี แบ็กสแลช เพื่อหลีกหนีจากคำพูดและไม่มีตัวดำเนินการบวกยุ่ง .
การใช้ concat() และ join()
ตัวอย่าง
ในตัวอย่างต่อไปนี้ เข้าร่วม() และ concat() เมธอดที่ใช้ในการรวมสตริง หากเราสังเกตให้ดีโค้ดจะดูยุ่งเหยิงมาก
<html>
<body>
<script>
const platform = 'Tutorix';
const joinMethod = ['The', 'best', 'e-learning', 'platform', 'is', platform].join(' ');
document.write(joinMethod);
document.write("</br>");
const concatMethod = " ".concat('The ', 'best ', 'e-learning ', 'platform ', 'is ', platform);
document.write(concatMethod);
</script>
</body>
</html> ผลลัพธ์
The best e-learning platform is Tutorix The best e-learning platform is Tutorix
การใช้สตริงเทมเพลตของ ES6
ตัวอย่าง
ในตัวอย่างต่อไปนี้ การ สตริงเทมเพลต วิธีที่ใช้ในการรวมสตริง หากเราเปรียบเทียบวิธีนี้กับวิธีอื่น โค้ดในวิธีนี้กระชับและอ่านง่าย .
<html>
<body>
<script>
const platform = 'Tutorix';
const templateString = `The best e-learning platform is ${platform}`;
document.write(templateString);
</script>
</body>
</html> ผลลัพธ์
The best e-learning platform is Tutorix
