Heim > Web-Frontend > js-Tutorial > 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
Freigeben: 2023-09-06 21:01:02
nach vorne
855 Leute haben es durchsucht

如何在 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)
Nach dem Login kopieren

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren
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!

Quelle:tutorialspoint.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage