Является ли пустой объект в стейте вместо null плохой практикой?

Question

[GunAlv]

Например, в контейнерной компоненте можно указать стейт как

state = {
   someValue: {} // null
}

Какая разница в подходах? Если я установлю пустой объект, то смогу использовать его поля без необходимости проверки существования оных: this.state.someValue.test. В случае null будет закономерная ошибка

Answer 1

[Aleksandr-JS-Developer]

На производительность не влияет. Влияет на того, кто потом (возможно и вы сами) потом будет ловить баги.
undefined - означает, что переменная не определена.
null - означает "пусто".
Соответственно, в консоли, когда я увижу undefined, то я пойду первым делом проверять входные параметры компонента/функции/и т. д.
Если я увижу null, то пойду первым делом проверять переопределения/записи.

Если оставить пустой объект, то тут немного сложнее.
Если вам надо СНАЧАЛА получить данные, а лишь потом обращаться к объекту, то нельзя будет проверить на пустотой объект, потому, что оператор if сравнивает не поля и методы, а проверяет, ссылаются ли две переменные на один и тот-же объект.

const obj = {};

const obj2 = {};

console.log( obj === obj2 ) // false

if( obj === {} ) // false

Лично я, обычно задаю значение по-умолчанию null, если нельзя задать другое значение. Например, когда есть функция, возвращающая случайное число между max и min, то удобно входящий параметр min сделать 0 по-умолчанию.
Но если у вас не происходит особой логики, или поле подвязано реактивно к интерфейсу, то пустой объект тоже норм.

Comments

[GunAlv]

Спасибо большое за объяснение

Answer 2

[Антон Антон]

Является ли пустой объект в стейте вместо null плохой практикой?

Чаще да. Вместо null еще undefined можно использовать.

А для свойств есть Optional_chaining

Comments

[GunAlv]

Объясните, пожалуйста, а почему?
И почему undefined лучше использовать, чем null? Это плохая практика/влияет на производительность или еще что-то?

[Guccigang]

Например, потому что пустой объект - это truthy значение: https://developer.mozilla.org/en-US/docs/Glossary/...
Где и как это вылезет дальше можно только гадать.

[Guccigang]

Undefined не лучше null. Все как раз с точностью до наоборот. Советую почитать почему.

[Антон Антон]

Guccigang, учитывая, что optional chaining возвращает undefined, можно поспорить. А "советую почитать почему" без ссылки - некрасиво. Вот в другом ответе раскрыта тема немного.

[Guccigang]

Антон Антон, наверное я не правильно выразился. Для дефолтного значения лучше null. Причем здесь optional chaining не очень понял.

Ссылки лень искать, поверьте на слово. А вообще, отсылаю вас к классику: https://youtu.be/3JNBwqEakPg

Answer 3

[Kirill Makarov]

Заюзай typescript, он тебе подскажет где хорошая а где плохая практика