Взаимозаменяемы ли двойные и одинарные кавычки для строк в JavaScript?

Короткий ответ: да, они взаимозаменяемы, но есть нюансы

В JavaScript одинарные (' ') и двойные (" ") кавычки функционально идентичны для создания строковых литералов. Вы можете свободно выбирать любой стиль — движок JS не делает между ними различий. Однако есть практические соображения, которые стоит учитывать.

Почему возникает ошибка с апострофом?

Проблема в вашем примере связана с вложенными кавычками. Если строка объявлена в одинарных кавычках, то внутри неё нельзя использовать одинарную кавычку (апостроф) без экранирования:

// Ошибка: строка завершается на апострофе
let message = 'It's a beautiful day!'; 

// Правильно: экранируем апостроф обратным слешем
let message = 'It\'s a beautiful day!'; 

// Или используем двойные кавычки для внешней обёртки
let message = "It's a beautiful day!"; 

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

Практические рекомендации по выбору кавычек

Хотя технически разницы нет, сообщество JS-разработчиков выработало негласные правила:

• Одинарные кавычки — наиболее популярный стандарт (особенно в проектах с ESLint настройками singleQuote: true). Они используются для обычных строк.
• Двойные кавычки — часто применяются в JSON, HTML-атрибутах или когда в строке есть апострофы: "Don't stop".
• Обратные кавычки (`) — появились в ES6 (2015) для шаблонных литералов. Они решают две задачи:
  • Интерполяция выражений — вставка переменных без конкатенации: `Hello, ${name}!`
  • Многострочные строки — без символов \n:

    let poem = `Розы красные,
    Фиалки синие,
    JavaScript — 
    Классный язык!`;

Примеры для наглядности

// Одинарные — стандарт для кода
const userName = 'Alice';
const greeting = 'Hi, ' + userName;

// Двойные — когда внутри есть одинарные
const quote = "He said: 'JavaScript is fun!'";

// Обратные — для интерполяции и многострочности
const fullGreeting = `Hello, ${userName}!
Today is ${new Date().toLocaleDateString()}.`;
console.log(fullGreeting);

Что выбрать новичку?

Мой совет: начните с одинарных кавычек как основного варианта. Когда внутри строки нужен апостроф — используйте двойные. А обратные кавычки применяйте для случаев с переменными или длинными текстами. Главное — будьте последовательны в рамках одного проекта. Если работаете в команде, следуйте общему кодстайлу (часто это настраивается в Prettier или ESLint).

И помните: нет "правильного" типа кавычек — есть только соглашения и здравый смысл.

// Правильный JSON
const jsonData = '{"name": "John", "age": 30}';

// Ошибка — одинарные кавычки недопустимы
const wrongJson = "{'name': 'John'}";