Template literals dùng dấu backtick (`) và thêm hai thứ mà chuỗi với dấu nháy thông thường thiếu: nội suy (interpolation) các biểu thức và chuỗi nhiều dòng.
js
name = ;
count = ;
msg = ;
total = ;
html = ;
Template literals dùng dấu backtick (`) và thêm hai thứ mà chuỗi với dấu nháy thông thường thiếu: nội suy (interpolation) các biểu thức và chuỗi nhiều dòng.
name = ;
count = ;
msg = ;
total = ;
html = ;
Trước khi có template literals bạn phải viết "Hi " + name + ", " + count + ... — dài dòng và dễ lỗi. Nội suy dễ đọc hơn nhiều.
Một hàm đặt trước dấu backtick sẽ nhận các phần chuỗi và các giá trị được nội suy, cho phép nó xử lý chúng:
function highlight(strings, ...values) {
return strings.reduce((out, s, i) =>
out + s + (values[i] ? `<b>${values[i]}</b>` : ""), "");
}
highlight`Hello ${name}!`; // "Hello <b>Ann</b>!"
Điều này là nền tảng cho các thư viện như styled-components và các hàm escape SQL/HTML an toàn.
Template literals là cách chuẩn để xây chuỗi ngày nay — nội suy dễ đọc, văn bản nhiều dòng dễ dàng, và một móc nối (tagged templates) cho các DSL.