Heim  >  Artikel  >  Web-Frontend  >  Wie rufe ich eine Funktion mit partiellen Präfixparametern in JavaScript auf?

Wie rufe ich eine Funktion mit partiellen Präfixparametern in JavaScript auf?

WBOY
WBOYnach vorne
2023-09-06 21:01:02762Durchsuche

如何在 JavaScript 中调用带有部分前缀参数的函数?

JavaScript-Funktionen können mit oder ohne Parameter aufgerufen werden. Beim Aufruf mit Argumenten wird die Funktion mit den als Werten übergebenen Argumenten ausgeführt. Beim Aufruf ohne Argumente wird die Funktion ohne Übergabe von Argumenten ausgeführt.

In manchen Fällen muss eine Funktion mit einigen Parametern (aber nicht allen) aufgerufen werden. Dies kann mit der Methode Function.prototype.apply oder mit dem Spread-Operator ( ... ) erfolgen.

Verwenden Sie die Methode Function.prototype.apply

Die Methode Function.prototype.apply kann verwendet werden, um eine Funktion mit einigen Parametern aufzurufen, jedoch nicht mit allen Parametern. Das erste Argument der Apply-Methode ist der Wert this, gefolgt vom Array der Argumente, die an die Funktion übergeben werden sollen.

Grammatik

apply(thisArg)
apply(thisArg, argsArray)

Parameter

  • thisArg – der für die aufrufende Funktion bereitgestellte this-Wert. Wenn sich die Funktion nicht im strikten Modus befindet, werden null und undefiniert durch global ersetzt und der ursprüngliche Wert in ein Objekt konvertiert.

  • argsArray Optional – x Array-ähnliches Objekt, das die Argumente angibt, mit denen die Funktion aufgerufen werden soll, oder null oder undefiniert, wenn der Funktion keine Argumente bereitgestellt werden sollen.

Beispiel

Bedenken Sie zum Beispiel den folgenden Code:

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      function add(a, b) {
         return a + b;
      }
      document.getElementById("result").innerHTML = add.apply(null, [1, 2])
   </script>
</body>
</html>

Dieser Wert wird als erster Parameter an die Apply-Methode übergeben und das Parameter-Array wird als zweiter Parameter übergeben. Die Funktion wird mit diesem Wert und den als Werten übergebenen Argumenten aufgerufen.

Die Methode Function.prototype.apply ist eine leistungsstarke Möglichkeit, eine Funktion mit einigen Argumenten (aber nicht allen Argumenten) aufzurufen. Durch die Verwendung der Apply-Methode vermeiden Sie die Festcodierung der an die Funktion zu übergebenden Parameter.

Verwenden Sie den Spread-Operator

Der Spread-Operator ( ... ) kann verwendet werden, um eine Funktion mit einigen Argumenten (aber nicht allen Argumenten) aufzurufen.

Der Spread-Operator erweitert ein Parameterarray in einzelne Parameter.

Bedenken Sie zum Beispiel den folgenden Code:

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      function add(a, b) {
         return a + b;
      }
      document.getElementById("result").innerHTML = add(...[1, 2])
   </script>
</body>
</html>

Das Parameterarray wird in einzelne Parameter erweitert und die Funktion mit diesen Parametern aufgerufen.

Verwenden Sie die bind()-Methode

Mit der Methode Function.prototype.bind() kann eine neue Funktion erstellt werden, die die ursprüngliche Funktion aufruft und einige Parameter voranstellt.

Bedenken Sie zum Beispiel den folgenden Code:

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      function add(a, b) {
         return a + b;
      }
      const add1 = add.bind(null, 1);
      document.getElementById("result").innerHTML = add1(2)
   </script>
</body>
</html>
Der erste Parameter der

bind-Methode ist dieser Wert, und die übrigen Parameter werden beim Aufrufen der Funktion als Parameter der Funktion verwendet. In diesem Beispiel wird dieser Wert als Null übergeben und der Wert 1 wird als erstes Argument an die Add-Funktion übergeben.

Die

bind-Methode gibt eine neue Funktion zurück, die mit den angegebenen Parametern aufgerufen wird. In diesem Beispiel wird die Funktion new mit dem Wert 2 und die Funktion add mit den Werten 1 und 2 aufgerufen.

JavaScript-Funktionen können mit oder ohne Parameter aufgerufen werden. In manchen Fällen muss eine Funktion mit einigen Argumenten (aber nicht allen) aufgerufen werden. Dies kann mit der Methode Function.prototype.apply oder mit dem Spread-Operator ( ... ) erfolgen.

Das obige ist der detaillierte Inhalt vonWie rufe ich eine Funktion mit partiellen Präfixparametern in JavaScript auf?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen