Mẫu đã được giới thiệu trong ES6 để cho phép các biểu thức nhúng bên trong một chuỗi. Thay vì dấu ngoặc kép ‘’ hoặc “”, họ sử dụng dấu ngoặc kép (``). Họ cung cấp một cách nội suy chuỗi tốt hơn nhiều và các biểu thức có thể được nhúng theo cách như $ {a + b}. Nó cung cấp cú pháp đẹp hơn nhiều so với toán tử +.
Sau đây là mã cho chuỗi mẫu trong JavaScript -
Ví dụ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.result {
font-size: 20px;
font-weight: 500;
color: blueviolet;
}
</style>
</head>
<body>
<h1>Template strings in JavaScript</h1>
<div class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to add two numbers and display them</h3>
<script>
let resEle = document.querySelector(".result");
let a = 22;
let b = 44;
function add(a, b) {
return a + b;
}
document.querySelector(".Btn").addEventListener("click", () => {
resEle.innerHTML = `The sum of ${a} and ${b} = ${add(a, b)}`;
});
</script>
</body>
</html> Đầu ra
Khi nhấp vào nút 'BẤM VÀO ĐÂY' -
