Отличие в объявлении переменных, область видимости (Производительность)

Есть ли какой-то смысл, как объявлять переменные в плане производительности. Чисто логически, если подумать, то объявление переменной и её инициализация - это 2 разные операции. Есть вот такой код

    const mainContainer = document.querySelector('html');

    let onresize = function () {
        let width = document.querySelector('html').clientWidth;
        let containerWidth = document.querySelector('body').clientWidth;

        mainContainer.style.setProperty('--screenWidth', `${width}px`)
        mainContainer.style.setProperty('--containerWidth', `${containerWidth}px`)
    }

    window.addEventListener("resize", onresize);
    window.onload = function () {
        onresize();
    }

То есть, при ресайзе мы постоянно объявляем переменную и её инициализацию. Есть ли смысл в том, чтобы объявить переменную вне функции onresize и тем самым, сэкономить на производительности тем, что мы не будем постоянно её объявлять, а только менять её содержимое?

    const mainContainer = document.querySelector('html');

    let width, containerWidth, contentWidth;

    let onresize = function () {
        width = document.querySelector('html').clientWidth;
        containerWidth = document.querySelector('body').clientWidth;

        mainContainer.style.setProperty('--screenWidth', `${width}px`)
        mainContainer.style.setProperty('--containerWidth', `${containerWidth}px`)
    }

    window.addEventListener("resize", onresize);
    window.onload = function () {
        onresize();
    }

Вопрос довольно мелочный, но интересно как это всё работает в данной ситуации


Ответы (0 шт):