Senior Frontend - javascript, html, css

ES6 - шаблонные строки



Шаблонные строки заключены в обратные кавычки () .

Они могут содержать подстановки, обозначаемые знаком доллара и фигурными скобками (${выражение}).



Возможности:



1. Многострочность

console.log(`string text line 1

string text line 2`);

// "string text line 1

//  string text line 2"

2. Интерполяция выражений

 a = 5;

var b = 10;

console.log(`Fifteen is ${a + b} and not ${2 * a + b}.`);

// "Fifteen is 15 and not 20."

3. Сырые строки

 tag(strings) {

  return strings.raw[0];

}



tag`string text line 1 \\n string text line 2`;

// выводит "string text line 1 \\n string text line 2",

// включая 'n' и два символа '\'

4. Вложенные шаблоны

 classes = `header ${ isLargeScreen() ? '' :

`icon-${item.isCollapsed ? 'expander' : 'collapser'}` }`;