Точка с запятой в Яваскрипте необязательна. Во всех яваскриптовых движках реализован механизм автоматической расстановки точек с запятой (ASI).

Благодаря этому механизму, точки с запятой можно безболезненно выкинуть (с одним исключением). Но многие стайлгайды советуют ставить их везде вручную. Почему так?

В сети встречаются четыре аргумента в пользу ручной расстановки точки с запятой. Разберём их:

Безопасная минификация кода

Одна из фич минификаторов — удаление лишних пробельных символов, в том числе переносов строк. Если минификатор склеивал бы строки вслепую, то это бы действительно ломало код.

const a = 1
console.log(a)

const a = 1console.log(a)

Но минификаторы знают об ASI и склеивают строки по-умному, не ломая код:

const a = 1
console.log(a)

const a = 1;console.log(a)

Если ваш минификатор ломает код, то проблема не в коде, а в минификаторе. Его следует заменить на работающий.

Return

В качестве иллюстрации проблемы автоматической расстановки точек с запятой часто приводят пример с ретёрном:

function multiply(a, b) {
  return
    a * b
}

function multiply(a, b) {
  return;
    a * b;
}

Это странный аргумент, потому что ручная расстановка тут не поможет:

function multiply(a, b) {
  return
    a * b;
}

function multiply(a, b) {
  return;
    a * b;
}

Чтобы избежать таких ситуаций, лучше настроить правило no-unreachable в линтере.

Линтер ругается

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

Строка с оператором в начале

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

sum = 1 + 2
('hello' + 'world').length

sum = 1 + 2('hello' + 'world').length

Этой проблемы можно избежать, добавив в линтер простое правило: «если строка начинается с опреатора, требовать перед ней точку с запятой». Получится так:

sum = 1 + 2
;('hello' + 'world').length

sum = 1 + 2;('hello' + 'world').length

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