Chuỗi Mẫu JavaScript

từ đồng nghĩa:

  • Chuỗi Mẫu
  • Chuỗi Mẫu
  • Mẫu Chuỗi
  • cú pháp Back-Tics

cú pháp Back-Tics

Template literalsử dụng dấu ngoặc kép ngược (``) thay vì dấu ngoặc kép ("") để định nghĩa chuỗi:

thực thể

let text = `Hello World!`;

Thử nghiệm trực tiếp

dấu ngoặc kép trong chuỗi

bằng cách sử dụngTemplate literal，Bạn có thể sử dụng cả dấu ngoặc kép và dấu ngoặc kép kép trong chuỗi:

thực thể

let text = `He's often called "Johnny"`;

Thử nghiệm trực tiếp

chuỗi nhiều dòng

Template literalcho phép chuỗi nhiều dòng:

thực thể

let text =
`The quick
brown fox
bắt跳 qua
the lazy dog`;

Thử nghiệm trực tiếp

插值

Template literalcung cấp một phương pháp đơn giản để chèn biến và biểu thức vào chuỗi.

phương pháp này được gọi là插值(string interpolation).

cú pháp

${...}

thay thế biến

Template literalcho phép biến trong chuỗi:

thực thể

let firstName = "Bill";
let lastName = "Gates";
let text = `Welcome ${firstName}, ${lastName}!`;

Thử nghiệm trực tiếp

thay thế tự động biến bằng giá trị thực tế được gọi là插值.

thay thế biểu thức

Template literalcho phép biểu thức trong chuỗi:

thực thể

let price = 10;
let VAT = 0.25;
let total = `Total: ${(price * (1 + VAT)).toFixed(2)}`;

Thử nghiệm trực tiếp

thay thế tự động biểu thức bằng giá trị thực tế được gọi là插值.

HTML mẫu

thực thể

let header = "Templates Literals";
let tags = ["template literals", "javascript", "es6"];
let html = `<h2>${header}</h2><ul>`;
for (const x of tags) {
  html += `<li>${x}</li>`;
}
html += `</ul>`;

Thử nghiệm trực tiếp

Hỗ trợ trình duyệt

Internet Explorer không hỗ trợTemplate literal.

Phiên bản trình duyệt hỗ trợ template literal đầu tiên là:

Chrome IE Firefox Safari Opera
Chrome 41 Edge 13 Firefox 34 Safari 10 Opera 29
Tháng 3 năm 2015 Tháng 11 năm 2015 Tháng 12 năm 2014 Tháng 9 năm 2016 Tháng 4 năm 2015

Tài liệu tham khảo chuỗi đầy đủ

Để có tài liệu tham khảo đầy đủ, hãy truy cập trang web đầy đủ của chúng tôi Tài liệu tham khảo JavaScript chuỗi.

Sách này chứa mô tả và ví dụ về tất cả các thuộc tính và phương thức chuỗi.