7. String concatenation (Конкатенация строк)

Конкатенация строк (соединение)

'Hello ' + 'World' // 'Hello World'

const hello = 'Hello'
const world = 'World'

const greetings = hello + ' ' + world

Но это не очень удобно т.к. нужно следить где поставить пробел или знаки препинания, а если переменных много, то выражение может оказаться очень длинным. Поэтому в JS есть функция Шаблонные строки (Template string literal)

Шаблонные строки (Template string literal)

В такой записи присутствуют обратные кавычки и таким образом можно записывать любые выражения. Обратим внимание что внутри кавычек есть пробел и в результате он останется как и в предыдущем случае.

const hello = 'Hello'
const world = 'World'

const greetings = `${hello} ${world}`

Автоматическая конвертация типов (type conversion)

10 + 'Igor' // результат приведен к типу строка - 10Igor

Чтобы избежать подобных ситуаций, всегда надо четко понимать у значений которые мы соединяем.