The Shortest JavaScript Program and the Global Object

The Shortest JavaScript Program and the Global Object

The shortest JavaScript program is an empty file. Even with zero code, the engine does a surprising amount of work.

What Happens With an Empty File

When the engine loads any JS file (even empty), it:

1. Creates a Global Execution Context (GEC).
2. Creates a global object (window in browsers, global in Node.js).
3. Sets up the this keyword at the global level, pointing to the global object.

So even with no code, you have a global scope, a global object, and a this binding.

The Global Object

• Browsers: window (also globalThis in modern code).
• Node.js: global (also globalThis).
• Web Workers: self.

globalThis was introduced in ES2020 to unify these. It always refers to the global object regardless of environment.

What Lives on the Global Object

• Built-ins: Math, JSON, Object, Array, Promise, console, setTimeout, fetch.
• Variables declared with var at the top level become properties of window (in browsers).
• let, const, and class at the top level do not become properties of window (they live in a separate global lexical environment).

var x = 5;
let y = 10;
console.log(window.x); // 5 (in a browser)
console.log(window.y); // undefined

The this Keyword at the Global Level

At the top level of a script, this points to the global object:

console.log(this === window); // true (in a browser, non-module script)

In ES modules, top-level this is undefined.

Why This Matters

• Knowing what is global helps you avoid polluting the global scope.
• Knowing that var leaks to window (and let does not) explains bugs.
• Knowing that globalThis unifies environments helps write portable code.

The Takeaway

Even an empty JS file creates a GEC, a global object, and a global this. The global object holds built-ins and var-declared globals. let/const globals do not attach to it. Use globalThis for environment-agnostic access.