Comment créer une fonction en JavaScript qui ne s'exécute qu'une seule fois ?

Comment créer une fonction en JavaScript qui ne peut s'exécuter qu'une seule fois

JavaScript n'offre pas intrinsèquement un moyen de créer des fonctions qui ne peuvent être exécutées qu'une seule fois. courir une fois. Cependant, il existe des solutions élégantes utilisant des fermetures et des bibliothèques tierces.

Méthode de fermeture :

Une fermeture crée une portée privée accessible par la fonction qu'elle contient . Dans ce cadre, un indicateur peut être défini pour indiquer si la fonction a été exécutée. Le code suivant illustre cette approche :

<code class="javascript">var something = (function() {
    var executed = false;
    return function() {
        if (!executed) {
            executed = true;
            // do something
        }
    };
})();</code>

Appeler quelque chose() pour la première fois appelle la fonction et définit l'exécution sur true. Les appels suivants n'auront aucun effet car exécuté reste vrai.

Méthode de bibliothèque tierce :

Les bibliothèques comme Underscore et Ramda fournissent une fonction once() qui encapsule un élément fourni. fonction et garantit qu'elle ne s'exécute qu'une seule fois.

<code class="javascript">// Using Underscore
var one_something = _.once(something);

// Using Ramda
const one_something = R.once(something);</code>

La fonction renvoyée peut être appelée plusieurs fois, mais la fonction sous-jacente ne s'exécutera que la première fois.

Utilitaires pour en créer une -Fonctions temporelles :

Si vous n'utilisez pas de bibliothèque, vous pouvez créer une fonction utilitaire personnalisée. Une approche est la suivante :

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

Cette fonction accepte une fonction et éventuellement un contexte. Il renvoie une fonction qui exécute la fonction d'origine lors du premier appel et renvoie le résultat. Les appels ultérieurs n'ont aucun effet.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!