SyntaxError: Неожиданный токен

Исключения JavaScript "unexpected token" (неожиданный токен) возникают, когда парсер не видит токена, который он распознает в данной позиции, поэтому он не может понять структуру программы. Это может быть простая опечатка.

Сообщение

SyntaxError: Unexpected token ';' (V8-based)
SyntaxError: Unexpected identifier 'x' (V8-based)
SyntaxError: Unexpected number (V8-based)
SyntaxError: Unexpected string (V8-based)
SyntaxError: Unexpected regular expression (V8-based)
SyntaxError: Unexpected template string (V8-based)

SyntaxError: unexpected token: identifier (Firefox)
SyntaxError: expected expression, got "x" (Firefox)
SyntaxError: expected property name, got "x" (Firefox)
SyntaxError: expected target, got "x" (Firefox)
SyntaxError: expected meta, got "x" (Firefox)
SyntaxError: expected rest argument name, got "x" (Firefox)
SyntaxError: expected closing parenthesis, got "x" (Firefox)

Тип ошибки

SyntaxError

Что пошло не так?

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

Примеры

Ожидалось выражение

Например, при объединении выражений конечные запятые не допускаются.

for (let i = 0; i < 5,; ++i) {
  console.log(i);
}
// Uncaught SyntaxError: expected expression, got ';'

Правильно было бы опустить запятую или добавить другое выражение:

for (let i = 0; i < 5; ++i) {
  console.log(i);
}

Недостаточно скобок

Иногда вы пропускаете скобки вокруг операторов if:

function round(n, upperBound, lowerBound) {
if (n > upperBound) || (n < lowerBound) { // Missing parentheses here!
    throw new Error(`Number ${n} is more than ${upperBound} or less than ${lowerBound}`);
  } else if (n < (upperBound + lowerBound) / 2) {
    return lowerBound;
  } else {
    return upperBound;
  }
} // SyntaxError: expected expression, got '||'

Сначала скобки могут выглядеть правильно, но обратите внимание, что || находится вне скобок. Правильно было бы заключить || в скобки:

function round(n, upperBound, lowerBound) {
  if ((n > upperBound) || (n < lowerBound)) {
    throw new Error(
      `Number ${n} is more than ${upperBound} or less than ${lowerBound}`,
    );
  } else if (n < (upperBound + lowerBound) / 2) {
    return lowerBound;
  } else {
    return upperBound;
  }
}

Структурная ошибка выше сбила с толку

Иногда ошибка вызвана структурными проблемами, расположенными не непосредственно рядом с местом ошибки, поэтому вам нужно проверить окрестности на предмет потенциальных ошибок. Например, вы намеревались объявить метод объекта, но объявили его как свойство:

const MyComponent = {
  mounted: {
    document.getElementById("app").classList.add("loaded");
  }
}

. после document является неожиданным, потому что JavaScript анализирует {} как объектный литерал вместо тела функции, поэтому он ожидает :. Проблема решается объявлением mounted как функции.

const MyComponent = {
  mounted() {
    document.getElementById("app").classList.add("loaded");
  }
}

См. также

• SyntaxError