Șiruri și literale șablon

Șirurile sunt secvențe de caractere. În JavaScript le puteți delimita în trei moduri, toate echivalente cu motorul - dar cu o singură superputere rezervat pentru backtick-uri:

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

Ghilimele simple și duble sunt interschimbabile: utilizați oricare vă permite evitați să scăpați celălalt caracter din textul dvs.:

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

Escape personaje

În interiorul oricărui șir puteți introduce caractere „neprintabile” cu a bară oblică inversă:

• \n — linie nouă
• \t — filă
• \\ — o bară oblică inversă
• \' / \" — ghilimele simple/duble

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

Literale șablon: sintaxa pe care doriți să o utilizați implicit

Backticks deblochează două lucruri care sunt imposibile cu ceilalți delimitatori:

1. Siruri de caractere multiple fără escape: sunt permise linii noi literale.
2. Interpolare: în interiorul ${ … } puteți plasa orice expresie JS și valoarea sa este lipită în rezultat.

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

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

Expresia din interiorul ${ … } nu trebuie să fie un nume simplu: poate fi orice produce o valoare, inclusiv apeluri de funcții și operatori.

Concatenare cu +

Din punct de vedere istoric, șirurile au fost compuse cu +. Încă funcționează și este util în cazuri rare (de exemplu, construirea unui șir în mai mulți pași):

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

Încearcă

Exercițiu de revizuire