Насколько правильно записывать так?

Question

[godsplan]

Допустим получение родителя элемента и элемента так:

const parent = document.querySelector('.parent');
const child = parent.querySelector('.child')

Или правильнее так:

const parent = document.querySelector('.parent');
const child = documnet.querySelector('.parent .child')

Есть ли существенная разница и какие подводные? при условии что parent всегда определен

Comments

[iBird Rose]

тестов не делал, но первый вариант оптимальнее. js'у не приходится заново весь document пробегать, чтобы найти child

Answer 1

[Дима Паутов]

В большинстве случаев вы не ощутите разницы. А вот если вы работаете с огромным кол-вом элементов в выборке, разница может стать ощутимее.

Но по существу 1й вариант лучше.

Во 2м варианте, вы 2 раза заставляете искать элемент .parent, а в 1м варианте, кешируете результат поиска и повторно искать элемент уже не нужно. Если коротко и понятно