Chuỗi mẫu JavaScript
Mẫu chuỗi
Chuỗi mẫu
Mẫu chữ
Con yêu có nhiều tên
Cú pháp Back-Tics
Chuỗi mẫu sử dụng dấu ngược (``) thay vì dấu ngoặc kép ("") để xác định chuỗi:
Trích dẫn bên trong chuỗi
Chuỗi mẫu cho phép cả dấu ngoặc đơn và dấu ngoặc kép bên trong một chuỗi:
Chuỗi nhiều dòng
Chuỗi mẫu cho phép chuỗi nhiều dòng:
Nội suy
Chuỗi mẫu cung cấp một cách dễ dàng để nội suy các biến và biểu thức thành chuỗi.
Phương pháp này được gọi là nội suy chuỗi.
Cú pháp là:
${...}
Thay thế biến
Chuỗi mẫu cho phép các biến trong chuỗi:
Ví dụ
let firstName = "John";
let lastName = "Doe";
let text = `Welcome ${firstName}, ${lastName}!`;
Tự động thay thế các biến bằng giá trị thực được gọi là nội suy chuỗi .
Thay thế biểu thức
Chuỗi mẫu cho phép biểu thức trong chuỗi:
Ví dụ
let price = 10;
let VAT = 0.25;
let total = `Total: ${(price * (1 + VAT)).toFixed(2)}`;
Tự động thay thế biểu thức bằng giá trị thực được gọi là nội suy chuỗi .
Mẫu HTML
Ví dụ
let header = "Template Strings";
let tags = ["template strings", "javascript", "es6"];
let html = `<h2>${header}</h2><ul>`;
for (const x of tags) {
html += `<li>${x}</li>`;
}
html += `</ul>`;
Hỗ trợ trình duyệt
Template Strings
là một tính năng ES6 (JavaScript 2015).
ES6 được hỗ trợ đầy đủ trong tất cả các trình duyệt hiện đại kể từ tháng 6 năm 2017:
Chrome 51 | Edge 15 | Firefox 54 | Safari 10 | Opera 38 |
May 2016 | Apr 2017 | Jun 2017 | Sep 2016 | Jun 2016 |
Template Strings
không được hỗ trợ trong Internet Explorer.
Tham chiếu chuỗi hoàn chỉnh
Để có tài liệu tham khảo Chuỗi đầy đủ, hãy truy cập:
Tham chiếu chuỗi JavaScript hoàn chỉnh .
Tham chiếu chứa các mô tả và ví dụ về tất cả các thuộc tính và phương thức chuỗi.