Какой глобальный объект используется в браузере как глобальный контекст?

Что проверяют

Знаете ли вы, что кроме window есть globalThis, и чем глобальная область видимости отличается от глобального объекта. Короткий ответ «window» засчитают, но сразу спросят, что попадёт в window при let и var и что будет в модуле или воркере.

Как отвечать

В основном потоке страницы глобальный объект это window. Формально код видит WindowProxy, обёртку, которая при навигации переключается на новый Window, но в ответе достаточно знать, что она есть. Через window доступны document, location, history, localStorage, таймеры.

Дальше покажите нюансы:

• globalThis: стандартное имя глобального объекта с ES2020, одинаково работает в браузере, воркерах и Node.js. В воркере window нет, там self, в Node.js исторически global;
• var и function: на верхнем уровне классического скрипта становятся свойствами window;
• let, const, class: живут в глобальной области, но свойствами window не становятся, после let a = 1 выражение window.a вернёт undefined;
• модули: в <script type="module"> верхнеуровневые объявления видны только внутри модуля, в window ничего не попадает, а this на верхнем уровне равен undefined;
• this в функции: в нестрогом режиме при обычном вызове это window, в строгом режиме и в модулях undefined.

Хорошо добавить, почему глобальный объект считают проблемой: это общее пространство имён, где скрипты разных авторов перетирают друг другу переменные. Отсюда модули и сборщики.

Где спотыкаются

Говорят, что любая глобально объявленная функция вызывается с this === window. Это верно только для нестрогого кода, а в модулях и классах строгий режим включён всегда.

Считают, что let на верхнем уровне тоже создаёт window.x, и строят на этом логику.

Не знают про встроенные свойства window. Классический пример: var name = 42 в обычном скрипте, после чего typeof name вернёт "string", потому что name это уже существующее свойство окна, которое приводит значение к строке. Похожая ловушка: элементы с id доступны как глобальные переменные.