Использование переменных js

Я решил почистить свой js код в проекте, и тут же задался вопросом: могу ли я в самом начале кода объявить сразу все переменные через let, которые содержат в себе доступ к разным DOM элементам (например document.querySelector) и далее использовать эти переменные в различных циклах и итерациях? Делаю это для того, чтобы каждый раз в циклах не объявлять новую переменную, которая по сути несёт в себе тот же DOM элемент, как и другая переменная в другом цикле.

// Главное меню 
  let mainMenu = document.querySelector('.main-menu');
// Главная навигация 
  let mainNavigation = document.querySelector('.main-navigation');
// Затемнённый холст 
  let blackoutCanvas = document.querySelector('.blackout-canvas');

// и так далее...