¿Qué significa Strict mode: 'this' es undefined?

En modo estricto, una función regular llamada sin un receptor explícito tiene 'this' establecido a undefined en lugar del objeto global. Este es el comportamiento correcto del modo estricto, pero rompe el código que accidentalmente dependía de que 'this' fuera el objeto global.

Por qué ocurre

• •Una función regular llamada como función simple (no como método) en modo estricto.
• •Un callback pasado a setTimeout o un escuchador de eventos pierde su enlace 'this'.
• •Los módulos ES están automáticamente en modo estricto, por lo que todas las funciones en ellos siguen esta regla.
• •Un método de clase extraído y llamado como función simple.

Ejemplos

"use strict";

function greet() {
  console.log(this.name); // 'this' is undefined
}
greet();

TypeError: Cannot read properties of undefined (reading 'name')

"use strict";

const obj = { name: "Alice" };

// Option 1: call with explicit context
greet.call(obj);

// Option 2: use an arrow function inside a method
const person = {
  name: "Alice",
  greet() {
    const inner = () => console.log(this.name); // arrow inherits 'this'
    inner();
  },
};

Errores relacionados

• Illegal Invocation
• TypeError
• Cannot read properties of undefined