-
Основное использование:
Давайте начнем с основ. Строки обратных кавычек создаются путем заключения содержимого строки в обратные кавычки () вместо одинарных или двойных кавычек. Например:const name = 'John'; console.log(`Hello, ${name}!`);Вывод: Привет, Джон!
-
Выражения и переменные.
Строки обратных кавычек позволяют встраивать выражения и переменные с использованием синтаксиса${}. Это упрощает динамическое создание строк. Например:const a = 5; const b = 10; console.log(`The sum of ${a} and ${b} is ${a + b}.`);Выход: сумма 5 и 10 равна 15.
-
Многострочные строки.
Строки с обратными кавычками идеально подходят для создания многострочных строк без необходимости разрыва строки вручную. Просто нажмите Enter внутри строки обратного апострофа, чтобы создать новую строку. Например:const message = ` This is a multiline string. `; console.log(message);Выход:
This is a multiline string. -
Экранирование обратных кавычек.
Если вам нужно включить реальный символ обратной кавычки в строку обратной кавычки, вы можете экранировать ее с помощью обратной косой черты (\). Например:console.log(`This is a backtick: \` `);Вывод: это обратный апостроф: `
-
Шаблоны с тегами.
Шаблоны с тегами предоставляют расширенные функциональные возможности, позволяя изменять поведение строк обратной кавычки с помощью функции тега. Функция тега получает части строки и выражения в качестве аргументов, что позволяет выполнять пользовательскую обработку. Например:function upper(strings, ...values) { let result = ''; for (let i = 0; i < strings.length; i++) { result += strings[i]; if (values[i]) { result += values[i].toUpperCase(); } } return result; } const name = 'John'; const age = 30; console.log(upper`Hello, ${name}! You are ${age} years old.`);Вывод: Привет, ДЖОН! Вам 30 лет.
Строки обратных кавычек — мощный инструмент для манипуляций со строками в современных языках программирования. Используя их, вы можете легко создавать динамический и читаемый код. Мы рассмотрели базовое использование, выражения и переменные, многострочные строки, экранирование обратных кавычек и шаблоны с тегами. Имея в своем арсенале эти приемы, вы сможете обращаться со строками с обратным кавычком как профессионал!
Не забудьте поэкспериментировать с этими методами в своем собственном коде и изучить дополнительные возможности. Приятного кодирования!