Explication détaillée des étapes pour appeler le cache pour implémenter la méthode JS

Cette fois, je vais vous donner une explication détaillée des étapes pour appeler le cache pour implémenter la méthode JS. Quelles sont les précautions à prendre pour appeler le cache pour implémenter la méthode JS Ce qui suit est un cas pratique, allons-y. jetez un oeil.

surcharge de méthode

En bref : la surcharge de méthode signifie des noms de méthodes répétés et des paramètres de chargement différents.

Alors, comment js implémente-t-il cela ? ? ?

Quant au téléchargement, une fois la longueur du paramètre de méthode disponible, une méthode d'écriture de commutateur plus courante apparaît :

var seven={
  dosomething:function(){
    switch(arguments.length){
      case 0:
        console.log(arguments.length);
        //dosomething
        break;
      case 1:
        console.log(arguments.length);
        //dosomething
        break;
       case 2:
        //dosomething
        console.log(arguments.length);
        break;
    }
  }
}

3. Optimisation

Mais ceux-ci sont mauvais~pas faciles à maintenir et pas assez élevés~Alors, comment devrions-nous gérer avec élégance le même nom de méthode avec des paramètres différents ?

pour sept addMethod

var seven = {
  addMethod: function (fname, func) {
    var old = this[fname];
    this[fname] = function () {
      if (arguments.length == func.length) {
        return func.apply(this,arguments);
      }
      if (typeof old == 'function') {
        return old.apply(this, arguments);
      }
    }
  }
};

seven.addMethod('dosomething', function (x) {
  console.log(arguments.length);
   //dosomething
});
seven.addMethod('dosomething', function (x,y) {
  console.log(arguments.length);
   //dosomething
});
seven.addMethod('dosomething', function (x,y,z) {
  console.log(arguments.length);
   //dosomething
});

Le principe de ce code est en fait très simple. Il s'agit de mettre en cache l'ancienne méthode, puis d'appliquer des appels en chaîne en séquence en fonction de la longueur du paramètre jusqu'à ce qu'une méthode de même longueur que le paramètre actuel soit trouvée ~ puis appelée. .

et func risquent de dérouter ceux qui débutent dans le jeu. En fait, ce n'est pas le cas. Les fonctionnalités du langage JavaScript sont ici intelligemment utilisées. enregistré, c'est une référence à la méthode précédente. Et c'est tout nouveau à chaque fois, et l'ancien garde la référence. Qu'est-ce que c'est ? Clôture~. old

Explication détaillée des étapes pour implémenter le plug-in de défilement plein écran dans ES6

vue +vue-router+autorisations d'opération vuex

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!