Remplacer la fonction (par exemple, “alerte”) et appeler la fonction d'origine?

Je voudrais remplacer un Javascript intégré dans la fonction avec une nouvelle version qui appelle l'original (de la même manière à la redéfinition d'une méthode d'une classe avec une version qui appelle super dans de nombreuses langues). Comment puis-je faire cela?

Par exemple...

window.alert = function(str) {
    //do something additional
    if(console) console.log(str);

    //super.alert(str) //How do I do this bit?
}
InformationsquelleAutor | 2012-05-03
  1. 43

    Stocker une référence à la fonction d'origine dans une variable:

    (function() {
    var _alert = window.alert;                   //<-- Reference
    window.alert = function(str) {
        //do something additional
        if(console) console.log(str);
        //return _alert.apply(this, arguments);  //<-- The universal method
        _alert(str);                             //Suits for this case
    };
})();

    Le moyen universel est <original_func_reference>.appliquer(ce qui, arguments) - afin De préserver le contexte et passer tous les arguments. Généralement, la valeur de retour de la méthode d'origine doivent également être retournés.

    Cependant, il est connu que la alert est une fonction void, prend un seul argument, et ne pas utiliser le this objet. Donc, _alert(str) est suffisante dans ce cas.

    Remarque: IE <= 8 renvoie une erreur si vous essayez de remplacer alert, alors assurez-vous que vous utilisez window.alert = ... au lieu de alert = ....

    • DÉMO: jsbin.com/agucin
    • +1 pour souligner apply.
    • Juste testé: Tous les principaux navigateurs permettent la modification de la global window.alert, sauf pour IE <= 8. Avant IE 9, une erreur est renvoyée lorsque vous essayez de remplacer alert.
    • Merci pour le heads-up. Avez-vous remarqué le problème IE avec d'autres intégrée funcs?
    • En principe, tout intégré: confirm, document, ... Si vous voulez intercepter window.alert appels, vous pouvez placer le code dans une clôture où une coutume window (ou alert) de la variable est déclarée et définie. Ce sera toujours fonctionner si votre application ne repose pas sur l'implicite de la déclaration de la variable.
    • même si ce post est assez vieux, juste testé alerte remplacer dans IE 7.0.6002.18005 (Vista) et internet explorer 8.0.6001.18702 (Win XP) et fonctionne dans les deux.
    • Oh, vous avez raison. Quand j'ai écrit cette déclaration, j'ai utilisé alert = ..... Cela déclenche une erreur. Mais si vous utilisez window.alert = ..., puis tout fonctionne comme prévu.
    • parfait, pouvez vous s'il vous plaît supprimer la note pour les futurs lecteurs

    InformationsquelleAutor Rob W
  2. 21

    Il n'y a pas de "super". De toute façon, créer une fermeture pour "garder" autour de la fonction d'origine-objet.

    Note de "l'auto en invoquant la fonction" qui renvoie une nouvelle fonction-objet (qui est affecté à la window.alert de la propriété). La nouvelle fonction-objet renvoyé crée une clôture autour de la variable original qui évalue la valeur de window.alert qui a été passé à "l'auto-invocation de la fonction".

    window.alert = (function (original) {
  return function (str) {
    //do something additional
    if(console) {
      console.log(str)
    }
    original(str)
  }
})(window.alert)

    Cependant, je croire certains navigateurs peuvent empêcher alert et d'autres built-ins d'être modifiée...

    Heureux de codage.

    • C'est un très élégant, l'utilisation d'un système de fermeture. Certainement le plus petit de la fermeture de l'empreinte que j'ai jamais vu.
    InformationsquelleAutor
  3. 5

    Je suis en supposant que votre question est de savoir comment remplacer un haut-et être encore capable de l'appeler. Tout d'abord comme un avertissement, vous ne devriez jamais remplacer construit ins, sauf si vous avez une bonne raison de le faire puisqu'il sera impossible de debug/test.

    C'est comment vous feriez:

    window._alert = window.alert;
window.alert = function(str) { 
     if(console) console.log(str);
     window._alert(str);
}
    • Remarque: Cette approche n'est pas facilement extensible. Appeler le même code deux fois, et que vous avez perdu le mode original.
    • Pas si vous ne réglez fenêtre._alert si elle n'est pas définie.
    InformationsquelleAutor Art
  4. 2

    Comment faire simple classique héritage en Javascript:

    SuperClass.call(this) //inherit from SuperClass (multiple inheritance yes)

    Comment remplacer les fonctions:

    this.myFunction = this.myFunction.override(
                    function(){
                      this.superFunction(); //call the overridden function
                    }
                  );

    La fonction override est créé comme ceci:

    Function.prototype.override = function(func)
{
 var superFunction = this;
 return function() 
 {
  this.superFunction = superFunction;
  return func.apply(this,arguments);
 };
};

    Travaille avec plusieurs arguments.

    Échoue lorsque vous essayez de remplacer indéfini ou nonfunctions.

    Fait "superFunction" un "réservés", le mot 🙂

    InformationsquelleAutor Poul Krogh
  5. 1

    JavaScript ne pas utiliser un classique modèle d'héritage. Il y a une belle l'article ici qui décrit une façon d'écrire vos classes, de sorte qu'une syntaxe similaire peut être utilisé, mais il n'est pas pris en charge nativement.

    • le lien de l'article est erroné, veuillez modifier.
    • Oups. Merci, corrigé.
    InformationsquelleAutor David M