Строки и литералы шаблонов

Строки — это последовательности символов. В JavaScript вы можете разделить их тремя способами, все эквивалентны двигателю, но с одной сверхспособностью зарезервировано для обратных кавычек:

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

Одинарные и двойные кавычки взаимозаменяемы: используйте то, что позволяет. не экранируйте другой символ в тексте:

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

Escape-персонажи

Внутри любой строки вы можете вставлять «непечатаемые» символы с помощью обратная косая черта:

• \n — новая строка
• \t — вкладка
• \\ — буквальная обратная косая черта
• \' / \" — буквальные одинарные/двойные кавычки

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

Литералы шаблона: синтаксис, который вы хотите использовать по умолчанию.

Обратные кавычки открывают две вещи, которые невозможно сделать с другими разделителями:

1. Многострочные строки без escape-символов: допускаются буквальные символы новой строки.
2. Интерполяция: внутри ${ … } вы можете разместить любое JS-выражение и его значение вставляется в результат.

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

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

Выражение внутри ${ … } не обязательно должно быть простым именем: оно может быть все, что создает значение, включая вызовы функций и операторы.

Объединение с +

Исторически строки составлялись с помощью +. Это все еще работает и полезно в редких случаях (например, построение строки в несколько этапов):

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

Попробуйте это

Обзор упражнения