Почему функция перестаёт работать после сокращения переменной?

Question

[Brendan Castaneda]

В самом начале я хочу сократить некоторые значения: название объекта document до doc, console.log до log.
Что-бы в дальнейшем писать короче.

const log = console.log;
const doc = document;
const userScreen = doc.body.clientWidth;
// Какая-то функция ниже написанная с использование библиотеки greensock подключаемая из файла "js/gsap.min.js"

Если я это делаю, моя последующая функция отказывается работать.
Если я удалю эти сокращения из начала, всё начинает работать.
const userScreen = document.body.clientWidth;

Не могу понять в чём проблема. По сути всё работать должно.
Есть какие-то мысли?

Вот в HTML я так всё подрубаю...

<script src="js/libs.min.js" defer></script>
    <script src="js/gsap.min.js" defer></script>
    <script src="js/main.min.js" defer></script>
</body>

Answer 1

[mergenich]

window.log = console.log;
window.doc = document;

И дальше в любом месте вызываете log, doс. Это будет работать только в браузере

Comments

[Brendan Castaneda]

А почему с переменными это не срабатывает? Можете объяснить?

[mergenich]

Полагаю они созданы в одной области видимости, а используются в другой
Например код 1 будет работать но 2 нет, во втором примере переменная создана в теле функции setup, функция square ее не видит

// пример 1
const a = 1

function square() {
    return a*a
}

// пример 2
function setup() {
    const a = 1
}

function square() {
    return a*a
}

[Brendan Castaneda]

mergenich, А ну так я голобально их объявлял. Как-бэ работать должно по идее )
А они не хотят. Вот и решил уже написать сюда, подумал, может я чего-то не знаю