Кавычки в JavaScript

• Как записать строку
• Одинарные и двойные кавычки
• Обратные кавычки
• Кавычки внутри строки
• Многострочный текст
• Какие кавычки выбрать
• Итого

Строка в JavaScript - это текстовое значение. Чтобы JavaScript понял, где текст начинается и где заканчивается, строку записывают в кавычках.

let message = 'Привет';

В этом примере слово Привет - это строка. Сами кавычки в значение не входят, они только ограничивают текст.

Как записать строку

В JavaScript есть три основных варианта записи строк:

let first = 'Одинарные кавычки';
let second = "Двойные кавычки";
let third = `Обратные кавычки`;

Все три варианта создают строку, но используются немного по-разному.

Одинарные и двойные кавычки

Одинарные и двойные кавычки работают почти одинаково.

let name = 'Анна';
let city = "Москва";

console.log(name);
console.log(city);

Результат:

Анна
Москва

Главное правило: если строка началась одинарной кавычкой, закончиться она должна тоже одинарной. Если началась двойной - закончиться должна двойной.

Правильно:

let message = 'Привет';
let title = "Уроки JavaScript";

Неправильно:

let message = 'Привет";

Во втором примере кавычки разные, поэтому JavaScript не сможет понять, где заканчивается строка.

Обратные кавычки

Обратные кавычки используются для шаблонных строк.

let message = `Привет`;

На клавиатуре обратная кавычка обычно находится на клавише с буквой Ё в русской раскладке или слева от цифры 1 в английской раскладке.

Главная польза обратных кавычек - внутрь строки можно вставлять переменные через ${…}.

let name = 'Анна';

console.log(`Привет, ${name}!`);

Результат:

Привет, Анна!

С одинарными или двойными кавычками такая вставка не сработает.

let name = 'Анна';

console.log('Привет, ${name}!');

Результат:

Привет, ${name}!

JavaScript вывел текст как есть, потому что это обычная строка, а не шаблонная.

Кавычки внутри строки

Если внутри строки нужна кавычка, часто проще выбрать другой тип кавычек снаружи.

let book = 'Книга называется "Выразительный JavaScript"';
let course = "Курс называется 'JavaScript для начинающих'";

В первом примере строка обернута в одинарные кавычки, поэтому двойные кавычки внутри не мешают. Во втором - наоборот.

Если внутри строки нужна такая же кавычка, как снаружи, ее можно экранировать обратным слешем.

let message = 'Он сказал: \'Привет\'';

console.log(message);

Результат:

Он сказал: 'Привет'

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

Многострочный текст

Обратные кавычки позволяют записывать текст в несколько строк.

let message = `Привет!
Сегодня разбираем строки.`;

console.log(message);

Результат:

Привет!
Сегодня разбираем строки.

С одинарными и двойными кавычками так переносить строку нельзя. Для обычных строк используют специальные символы вроде \n, но это уже тема про экранирование.

Какие кавычки выбрать

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

let login = 'admin';
let password = 'qwerty';
let role = 'user';

Если в строку нужно вставить переменную или записать текст в несколько строк, удобнее использовать обратные кавычки.

let userName = 'Анна';
let greeting = `Здравствуйте, ${userName}`;

Итого

Строки в JavaScript можно записывать в одинарных, двойных и обратных кавычках.

• ‘текст’ - обычная строка;
• “текст” - тоже обычная строка;
• `текст` - шаблонная строка.

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