Проверяет понимание особенностей работы localStorage и необходимости обработки null при отсутствии данных.
Метод 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 обязательна для стабильной работы приложения, особенно при первом запуске или после очистки хранилища.
Уровень
Рейтинг:
4
Сложность:
2
Навыки
JavaScript
HTML
Ключевые слова
Подпишись на React Developer в телеграм
Frontend developer
Ментор по Frontend
Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства
Записаться на консультацию