Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

AI info

Карта сайта

Документы

Медиа

Назад
Вопрос про JavaScript: localStorage, null, getItem, JavaScript, error handling

Почему важно учитывать null при получении данных из localStorage?

Проверяет понимание особенностей работы localStorage и необходимости обработки null при отсутствии данных.

Короткий ответ

Метод getItem возвращает null, если ключ не существует в localStorage. Если не проверять это значение, код может упасть с ошибкой при попытке вызвать методы на null, например JSON.parse(null). Всегда проверяйте результат getItem на null перед использованием.

Длинный ответ

Почему null важен при работе с localStorage

Метод localStorage.getItem(key) возвращает null, если указанный ключ отсутствует в хранилище. Это стандартное поведение, которое нужно учитывать, чтобы избежать ошибок выполнения.

Пример проблемы

Рассмотрим типичный код без проверки:

const data = JSON.parse(localStorage.getItem('user'));
console.log(data.name); // Ошибка, если ключа нет

Если ключ 'user' отсутствует, getItem вернет null, а JSON.parse(null) вызовет исключение.

Правильный подход

Всегда проверяйте результат перед использованием:

const raw = localStorage.getItem('user');
if (raw === null) {
  console.log('Данные не найдены');
} else {
  const data = JSON.parse(raw);
  console.log(data.name);
}

Также можно использовать оператор нулевого слияния (??) для задания значения по умолчанию:

const data = JSON.parse(localStorage.getItem('user') ?? '{}');

Вывод

Проверка на null при получении данных из localStorage обязательна для стабильной работы приложения, особенно при первом запуске или после очистки хранилища.

Frontend developer

tech
tech
tech
tech
tech
tech
tech
tech
tech

Ментор по Frontend

Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства

Записаться на консультацию

Уровень

  • Рейтинг:

    4

  • Сложность:

    2

Навыки

  • JavaScript

    JavaScript

  • HTML

    HTML

Ключевые слова

#localStorage

#null

#getItem

#JavaScript

#error handling

Подпишись на React Developer в телеграм

Frontend developer

tech
tech
tech
tech
tech
tech
tech
tech
tech

Ментор по Frontend

Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства

Записаться на консультацию