Если программа на JavaScript написана с нарушением правил, интерпретатор остановит выполнение и выведет сообщение об ошибке. В этом сообщении указывается:

• тип ошибки,
• строка, в которой она произошла,
• и (часто) точка, где интерпретатор «споткнулся».

Что такое синтаксическая ошибка?

Синтаксическая ошибка (SyntaxError) — это нарушение правил написания кода (грамматических правил) в конкретном языке программирования. Такие ошибки возникают, если код написан с отклонением от ожидаемого формата: не закрыта строка, пропущена скобка, нарушен порядок символов и т.д.

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

Код с ошибкой            Интерпретатор          Результат
┌────────────────────┐   ┌───────────┐   ┌──────────────────────┐
│ console.log('Hi'   │──→│JavaScript │──→│ SyntaxError:         │
└────────────────────┘   └───────────┘   │ missing ) after args │
                                         └──────────────────────┘

Рассмотрим простой пример с синтаксической ошибкой:

// Правильный вариант такой: console.log('Hodor')
console.log('Hodor'

В этом коде не закрыта скобка, что делает программу некорректной с точки зрения синтаксиса. Попробуем запустить программу, и интерпретатор выдаст ошибку:

node index.js
index.js:2
console.log('Hodor'
           ^

SyntaxError: missing ) after argument list

Текст с непривычки может быть непонятен, но это нормально — чем больше вы будете сталкиваться с такими ошибками, тем быстрее научитесь понимать, что произошло.

Почему такие ошибки считаются простыми?

Синтаксические ошибки:

• легко заметить: код часто подсвечивается в редакторе;
• легко исправить: достаточно вернуть пропущенный символ или поправить структуру.

Но есть ложка дёгтя. Интерпретатор не всегда указывает точно то место, где допущена ошибка. Иногда проблема находится несколькими строками выше. Например, открытая, но не закрытая скобка на одной строке может «сломать» весь следующий код.

Что делать при синтаксической ошибке?

• Читай сообщение об ошибке. Оно почти всегда содержит полезную информацию.
• Проверь строку, указанную в сообщении, и строку до неё: иногда ошибка «спрятана» чуть раньше.
• Используй редактор с подсветкой синтаксиса: он поможет сразу заметить проблемы (например, незакрытые кавычки или скобки).

Программа запускается и сообщает о результате. Напишите программу, которая выводит:

Program started successfully

После того как программа заработает, намеренно сломайте её — допустите одну из синтаксических ошибок:

• уберите закрывающую кавычку;
• уберите закрывающую скобку.

Запустите код и прочитайте сообщение JavaScript. Такие сообщения вы будете видеть часто — важно научиться их читать. Затем верните рабочий вариант, чтобы упражнение прошло проверку.