Function.prototype.call()

thisArg

Der Wert, der als this beim Aufruf von func verwendet wird. Wenn die Funktion nicht im strict mode ist, werden null und undefined durch das globale Objekt ersetzt und primitive Werte in Objekte umgewandelt.

arg1, …, argN Optional

Argumente für die Funktion.

Das Ergebnis des Funktionsaufrufs mit dem angegebenen this-Wert und den Argumenten.

Normalerweise ist bei einem Funktionsaufruf der Wert von this innerhalb der Funktion das Objekt, auf dem die Funktion aufgerufen wurde. Mit call() können Sie einen beliebigen Wert als this zuweisen, wenn Sie eine bestehende Funktion aufrufen, ohne die Funktion vorher als Eigenschaft mit dem Objekt zu verknüpfen. Dies ermöglicht es, Methoden eines Objekts als generische Hilfsfunktionen zu verwenden.

Im folgenden Beispiel wird beim Aufruf von greet der Wert von this an das Objekt obj gebunden, auch wenn greet keine Methode von obj ist.

function greet() {
  console.log(this.animal, "typically sleep between", this.sleepDuration);
}

const obj = {
  animal: "cats",
  sleepDuration: "12 and 16 hours",
};

greet.call(obj); // cats typically sleep between 12 and 16 hours

Wenn der erste thisArg Parameter weggelassen wird, wird er als undefined angenommen. Im Nicht-Strict-Mode wird der this-Wert dann durch globalThis ersetzt (was dem globalen Objekt ähnlich ist).

globalThis.globProp = "Wisen";

function display() {
  console.log(`globProp value is ${this.globProp}`);
}

display.call(); // Logs "globProp value is Wisen"

Im Strict-Mode wird der Wert von this nicht ersetzt, sodass er undefined bleibt.

"use strict";

globalThis.globProp = "Wisen";

function display() {
  console.log(`globProp value is ${this.globProp}`);
}

display.call(); // throws TypeError: Cannot read the property of 'globProp' of undefined

call() ist fast identisch mit einem normalen Funktionsaufruf, außer dass this als normales Argument anstatt als Wert, auf den die Funktion zugegriffen wurde, übergeben wird. Dies ähnelt der Funktionsweise von allgemeingültigen Hilfsfunktionen: Anstatt array.map(callback) zu verwenden, nutzen Sie map(array, callback), was es ermöglicht, map mit array-ähnlichen Objekten zu verwenden, die keine Arrays sind (zum Beispiel arguments), ohne Object.prototype zu verändern.

Nehmen Sie zum Beispiel Array.prototype.slice(), das Sie für die Umwandlung eines array-ähnlichen Objekts in ein echtes Array verwenden möchten. Sie könnten eine Abkürzung wie folgt erstellen:

const slice = Array.prototype.slice;

// ...

slice.call(arguments);

Beachten Sie, dass Sie slice.call nicht speichern und als normale Funktion aufrufen können, da die call()-Methode auch ihren this-Wert liest, was die Funktion ist, die sie aufrufen soll. In diesem Fall können Sie bind() verwenden, um den this-Wert für call() zu binden. Im folgenden Code ist slice() eine gebundene Version von Function.prototype.call(), mit dem this-Wert gebunden an Array.prototype.slice(). Dies bedeutet, dass zusätzliche call()-Aufrufe eliminiert werden können:

// Same as "slice" in the previous example
const unboundSlice = Array.prototype.slice;
const slice = Function.prototype.call.bind(unboundSlice);

// ...

slice(arguments);

• Function.prototype.bind()
• Function.prototype.apply()
• Reflect.apply()
• Spread-Syntax (...)
• Einführung in objektorientiertes JavaScript