Heim > Web-Frontend > js-Tutorial > Wie implementiert man Einweg-JavaScript-Funktionen?

Wie implementiert man Einweg-JavaScript-Funktionen?

Susan Sarandon
Freigeben: 2024-10-23 00:00:31
Original
926 Leute haben es durchsucht

How to Implement Single-Use JavaScript Functions?

Implementieren einer Single-Use-JavaScript-Funktion

In JavaScript ist es manchmal wünschenswert, eine Funktion zu erstellen, die nur einmal ausgeführt werden kann. Während statische Variablen dies in Sprachen wie C und Java erreichen können, bietet JavaScript elegantere Lösungen.

Abschlussbasierte Implementierung

Ein Abschluss, der eine Variable innerhalb eines kapselt Funktion kann effektiv verhindern, dass eine Funktion mehrmals ausgeführt wird. Der folgende Codeausschnitt demonstriert diesen Ansatz:

<code class="javascript">var something = (function() {
  var executed = false;
  return function() {
    if (!executed) {
      executed = true;
      // Execute the desired actions
    }
  };
})();</code>
Nach dem Login kopieren

Durch den Aufruf von Something() wird die Funktion einmal aufgerufen und das Flag „Ausgeführt“ auf „True“ gesetzt. Nachfolgende Aufrufe der Funktion haben keine Auswirkung, da „executed“ bereits „true“ ist.

Once() Utility Function

Viele JavaScript-Bibliotheken, wie Underscore und Ramda, bieten eine Die Dienstprogrammfunktion Once() dient diesem Zweck. Der folgende Code zeigt, wie Sie die Once()-Funktion von Lodash verwenden:

<code class="javascript">import { once } from "lodash";

function something() {
  // Execute actions
}

const one_something = once(something);

one_something(); // Executes something
one_something(); // No effect</code>
Nach dem Login kopieren

Benutzerdefinierte Once()-Funktion

Wenn Sie keine Bibliothek verwenden, können Sie dies problemlos tun Implementieren Sie Ihre eigene Once()-Funktion:

<code class="javascript">function once(fn, context) {
  var result;
  return function() {
    if (fn) {
      result = fn.apply(context || this, arguments);
      fn = null;
    }
    return result;
  };
}</code>
Nach dem Login kopieren

Diese Funktion umschließt die angegebene Funktion fn und stellt sicher, dass sie nur einmal aufgerufen wird, wobei der zurückgegebene Wert für nachfolgende Aufrufe zwischengespeichert wird.

Durch die Nutzung von Abschlüssen oder Mit Hilfsfunktionen können Sie JavaScript-Funktionen erstellen, die nur einmal ausgeführt werden, was einen bequemen und vielseitigen Ansatz für verschiedene Anwendungsfälle bietet.

Das obige ist der detaillierte Inhalt vonWie implementiert man Einweg-JavaScript-Funktionen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage