Function.prototype.call()

thisArg

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

arg1, …, argN Optional

Argumente für die Funktion.

Das Ergebnis des Aufrufs der Funktion mit dem angegebenen this-Wert und den Argumenten.

Normalerweise ist beim Aufrufen einer Funktion der Wert von this innerhalb der Funktion das Objekt, auf dem die Funktion aufgerufen wurde. Mit call() können Sie beim Aufrufen einer bestehenden Funktion einen beliebigen Wert als this zuweisen, ohne die Funktion vorher als Eigenschaft an das Objekt anzuhängen. Dies ermöglicht es, Methoden eines Objekts als generische Hilfsfunktionen zu verwenden.

Im folgenden Beispiel wird beim Aufrufen 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, ist der Standardwert undefined. Im Nicht-Strict-Modus wird der this-Wert dann durch globalThis ersetzt (dies ist dem globalen Objekt ähnlich).

globalThis.globProp = "Wisen";

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

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

Im Strict-Modus 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 gleichbedeutend mit einem normalen Funktionsaufruf, außer dass this als normales Argument übergeben wird, anstatt als der Wert, auf den die Funktion aufgerufen wurde. Dies ähnelt der Funktionsweise von allgemeinen Hilfsfunktionen: statt array.map(callback) zu rufen, verwenden Sie map(array, callback), was es Ihnen 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 verwenden möchten, um ein array-ähnliches Objekt in ein echtes Array umzuwandeln. Sie könnten eine Abkürzung wie diese 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, der die Funktion ist, die sie aufrufen sollte. In diesem Fall können Sie bind() verwenden, um den Wert von this für call() zu binden. Im folgenden Code ist slice() eine gebundene Version von Function.prototype.call(), wobei der this-Wert an Array.prototype.slice() gebunden ist. Dadurch können zusätzliche call()-Aufrufe eliminiert werden:

// 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