Выбор ответа Middle Современный синтаксис обновлено
undefined в spread перезаписывает дефолт
Вопрос
Что выведет код?
const defaults = { theme: 'light', lang: 'ru' };
const user = { theme: undefined };
const settings = { ...defaults, ...user };
console.log(settings.theme);
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: undefined. Spread копирует все собственные перечисляемые свойства, включая те, у которых значение undefined.
Варианты ответа
undefinedправильный ответ'light'- TypeError в spread
null
Разбор
Spread копирует все собственные перечисляемые свойства, включая те, у которых значение undefined. Свойство theme есть в user, поэтому оно перезаписывает 'light' значением undefined. Это частый баг при слиянии настроек с формой. Решение: отфильтровать undefined перед слиянием или собрать поле явно: theme: user.theme ?? defaults.theme.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.