💡 Tôi đã chuẩn bị sẵn trình soạn thảo bên dưới bài viết. Bạn có thể thử nghiệm thoải mái!
Cập nhật: 2025年3月1日
Template Literal
📌
Kết luận
Dùng Template Literal để nhúng biến vào chuỗi một cách tự nhiên
), bạn có thể dùng cú pháp ${biến} để chèn giá trị.
📝 Mã thực tế tại đâyconst name = 'An';
console.log(`Chào bạn, ${name}!`);
So sánh với cách viết cũ
Phương pháp Cách viết Dùng dấu + 'Chào bạn, ' + name + '!'Template Literal \Chào bạn, ${name}!\
Template Literal giúp mã nguồn sạch sẽ, dễ đọc và dễ bảo trì hơn, đặc biệt là khi chuỗi văn bản dài và có nhiều biến.
Tổng kết
- Dùng dấu backtick + ${}` để nhúng biến
- Dễ đọc hơn nhiều so với việc nối chuỗi bằng dấu +
Hãy thử trong phần bài tập
Hãy tạo một câu chào bằng Template Literal nhé.🧪 Thử nghiệm tại đây
Bạn có thể viết mã thực tế vào trình soạn thảo bên dưới và xem ngay kết quả. Đừng sợ làm hỏng, bạn có thể thử lại bao nhiêu lần tùy thích.
■ Bài tập thực hành
Sử dụng biến name ('An') để xuất chuỗi 'Chào bạn, An' dùng template literal.
Gợi ý khi gặp khó khăn
Sử dụng dấu backtick ` và ${name}.