Chuỗi và chữ mẫu

Chuỗi là chuỗi ký tự. Trong JavaScript bạn có thể phân cách chúng theo ba cách, tất cả đều tương đương với động cơ - nhưng với một siêu năng lực dành riêng cho backticks:

'single quotes';
'double quotes';
`backticks — template literals`;

Dấu ngoặc đơn và dấu ngoặc kép có thể hoán đổi cho nhau: hãy sử dụng bất cứ điều gì cho phép bạn tránh thoát ký tự khác trong văn bản của bạn:

'L\'isola'; // the apostrophe needs to be escaped
"L'isola"; // here it doesn't
"He said \"hi\"";
'He said "hi"';

Nhân vật thoát hiểm

Bên trong bất kỳ chuỗi nào, bạn có thể chèn các ký tự "không in được" bằng dấu dấu gạch chéo ngược:

• \n — dòng mới
• \t — tab
• \\ — dấu gạch chéo ngược theo nghĩa đen
• \' / \" — trích dẫn đơn / kép theo nghĩa đen

console.log('line 1\nline 2');
// line 1
// line 2

Chữ mẫu: cú pháp bạn muốn sử dụng theo mặc định

Backticks mở khóa hai điều không thể thực hiện được bằng các dấu phân cách khác:

1. Chuỗi nhiều dòng không có lối thoát: cho phép dòng mới theo nghĩa đen.
2. Nội suy: bên trong ${ … } bạn có thể đặt bất kỳ biểu thức JS nào và giá trị của nó được dán vào kết quả.

const nome = 'Anna';
const eta = 28;

const messaggio = `Ciao ${nome}, hai ${eta} anni.
Fra un anno ne avrai ${eta + 1}.`;

Biểu thức bên trong ${ … } không nhất thiết phải là một tên đơn giản: nó có thể là bất kỳ thứ gì tạo ra giá trị, bao gồm cả lệnh gọi hàm và toán tử.

Ghép nối với +

Trước đây, các chuỗi được tạo bằng +. Nó vẫn hoạt động và hữu ích trong một số trường hợp hiếm gặp (ví dụ: tạo chuỗi theo nhiều bước):

const a = 'Ciao';
const b = 'mondo';
a + ', ' + b + '!'; // 'Ciao, mondo!'

Hãy thử nó

Xem lại bài tập