Dizeler ve şablon değişmezleri

Dizeler karakter dizileridir. JavaScript'te bunları sınırlayabilirsiniz üç açıdan hepsi motora eşdeğerdir ancak tek bir süper güce sahiptir geri tıklamalar için ayrılmıştır:

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

Tek ve çift tırnaklar birbirinin yerine kullanılabilir: hangisi size izin veriyorsa onu kullanın metninizdeki diğer karakterden kaçının:

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

Kaçış karakterleri

Herhangi bir dizenin içine "yazdırılamayan" karakterleri ekleyebilirsiniz. ters eğik çizgi:

• \n — yeni satır
• \t — sekme
• \\ — tam anlamıyla ters eğik çizgi
• \' / \" — gerçek anlamda tek / çift tırnak

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

Şablon değişmez bilgileri: varsayılan olarak kullanmak istediğiniz söz dizimi

Geri tıklamalar diğer sınırlayıcılarla imkansız olan iki şeyin kilidini açar:

1. Çok satırlı dizeler, kaçış işaretleri olmadan: gerçek yeni satırlara izin verilir.
2. Enterpolasyon: ${ … } içine herhangi bir JS ifadesini yerleştirebilir ve değeri sonuca yapıştırılır.

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

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

${ … } içindeki ifadenin basit bir isim olması gerekmez: olabilir İşlev çağrıları ve operatörler dahil, değer üreten her şey.

+ ile birleştirme

Geçmişte dizeler + ile besteleniyordu. Hala çalışıyor ve kullanışlı nadir durumlarda (örneğin, birden çok adımda bir dize oluşturmak):

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

Deneyin

Alıştırmayı gözden geçirin