Remplacer une fonction JavaScript tout en faisant référence à l'original

Question

J'ai une fonction, a() que je veux remplacer, mais aussi l'original. a() être exécutées dans un ordre dépendant du contexte. Par exemple, parfois, lorsque je génère une page, je veux passer outre comme ceci :

function a() {
    new_code();
    original_a();
}

et parfois comme ça :

function a() {
    original_a();
    other_new_code();
}

Comment puis-je obtenir ce original_a() dans le cadre de l'obligation a() ? Est-ce même possible ?

Je vous prie de ne pas suggérer d'alternatives à cette méthode de contournement, j'en connais beaucoup. Ma question porte sur cette méthode en particulier.

Answer 1

Vous pourriez faire quelque chose comme ça :

var a = (function() {
    var original_a = a;

    if (condition) {
        return function() {
            new_code();
            original_a();
        }
    } else {
        return function() {
            original_a();
            other_new_code();
        }
    }
})();

Déclarer original_a à l'intérieur d'une fonction anonyme l'empêche d'encombrer l'espace de nom global, mais il est disponible dans les fonctions internes.

Comme Nerdmaster l'a mentionné dans les commentaires, assurez-vous d'inclure l'adresse de l'entreprise. () à la fin. Vous voulez appeler la fonction externe et stocker le résultat de l'opération. résultat (l'une des deux fonctions internes) dans a ne pas stocker la fonction externe elle-même dans a .

Answer 2

El Modèle de proxy pourrait vous aider :

(function() {
    // log all calls to setArray
    var proxied = jQuery.fn.setArray;
    jQuery.fn.setArray = function() {
        console.log( this, arguments );
        return proxied.apply( this, arguments );
    };
})();

L'exemple ci-dessus englobe son code dans une fonction pour masquer la variable "proxied". Il enregistre la méthode setArray de jQuery dans une fermeture et l'écrase. Le proxy enregistre alors tous les appels à la méthode et délègue l'appel à l'original. L'utilisation de apply(this, arguments) garantit que l'appelant ne sera pas en mesure de remarquer la différence entre la méthode originale et la méthode mandatée.

Answer 3

Merci les gars, le modèle de proxy m'a vraiment aidé.....En fait, je voulais appeler une fonction globale foo... Dans certaines pages, j'ai besoin de faire quelques vérifications. J'ai donc fait ce qui suit.

//Saving the original func
var org_foo = window.foo;

//Assigning proxy fucnc
window.foo = function(args){
    //Performing checks
    if(checkCondition(args)){
        //Calling original funcs
        org_foo(args);
    }
};

Merci, cela m'a vraiment aidé.

Answer 4

Vous pouvez remplacer une fonction en utilisant une construction comme :

function override(f, g) {
    return function() {
        return g(f);
    };
}

Par exemple :

 a = override(a, function(original_a) {
      if (condition) { new_code(); original_a(); }
      else { original_a(); other_new_code(); }
 });

Edit : Correction d'une faute de frappe.

Answer 5

Passage d'arguments arbitraires :

a = override(a, function(original_a) {
    if (condition) { new_code(); original_a.apply(this, arguments) ; }
    else { original_a.apply(this, arguments); other_new_code(); }
});