Was wird in der Konsole angezeigt, wenn Sie this in…

Es hängt vom Kontext des Aufrufs von console.log und vom strikten Modus von JavaScript ("use strict") ab.

Im globalen Kontext (außerhalb von Funktionen und Modulen):

Im Nicht-Strikt-Modus ("use strict" fehlt oder in einer Funktion deklariert): this verweist auf das globale Objekt (window im Browser, global in Node.js).
Im Strikt-Modus: this ist undefined.

Innerhalb einer Funktion:

Im Nicht-Strikt-Modus: this verweist auf das globale Objekt, wenn die Funktion als normale Funktion aufgerufen wird (myFunction()). Wenn die Funktion als Methode eines Objekts aufgerufen wird (myObject.myMethod()), verweist this auf das Objekt (myObject). Wird die Funktion als Konstruktor verwendet (new MyClass()), verweist this auf die neue Instanz.
Im Strikt-Modus: this ist undefined, wenn die Funktion als normale Funktion aufgerufen wird. In anderen Fällen (Methoden, Konstruktoren) ist das Verhalten identisch mit dem Nicht-Strikt-Modus.

Innerhalb einer Pfeilfunktion (=>):

this wird lexikalisch vom umgebenden Kontext geerbt. Das bedeutet, dass der Wert von this innerhalb einer Pfeilfunktion derselbe ist wie in der äußeren normalen Funktion oder im globalen Kontext, in dem die Pfeilfunktion deklariert wurde, unabhängig davon, wie sie aufgerufen wird. Pfeilfunktionen binden this nicht an ihren eigenen Aufrufkontext.

Beispiel:

// Globaler Kontext
console.log(this); // Im Browser: Window, in Node.js: global (Nicht-Strikt-Modus)
                    // Im Browser: undefined, in Node.js: undefined (Strikt-Modus)

// Normale Funktion
function showThisNonStrict() {
  console.log(this);
}

showThisNonStrict(); // Im Browser: Window, in Node.js: global

function showThisStrict() {
  "use strict";
  console.log(this);
}

showThisStrict(); // undefined

const myObject = {
  methodNonStrict: function() {
    console.log(this);
  },
  methodStrict: function() {
    "use strict";
    console.log(this);
  }
};

myObject.methodNonStrict(); // myObject
myObject.methodStrict();   // myObject

// Pfeilfunktion
const arrowFunc = () => {
  console.log(this);
};

arrowFunc(); // Im Browser: Window, in Node.js: global (erbt vom globalen Kontext)

const myObjectWithArrow = {
  arrowMethod: () => {
    console.log(this);
  }
};

myObjectWithArrow.arrowMethod(); // Im Browser: Window, in Node.js: global (erbt vom Deklarationskontext)

Was wird in der Konsole angezeigt, wenn Sie this in console.log verwenden?