Méthodes d'instance de modèle de chaîne de responsabilité JavaScript

Cet article présente principalement un aperçu du modèle de chaîne de responsabilité implémenté en JavaScript.Il présente en détail ce qu'est le modèle de chaîne de responsabilité et comment il est mis en œuvre.Les amis intéressés peuvent s'y référer. j'espère que cela pourra aider tout le monde.

Qu'est-ce que le modèle de chaîne de responsabilité

La définition du modèle de chaîne de responsabilité est de permettre à plusieurs objets d'avoir une chance de traiter la demande ? , évitant ainsi l'expéditeur de la requête et la relation de couplage entre les récepteurs connecte ces objets dans une chaîne et transmet la requête le long de cette chaîne jusqu'à ce qu'un objet la gère. Par exemple : lorsque vous montez dans le bus par la porte arrière, vous ne pouvez pas mettre les pièces directement dans la caisse parce que vous ne savez pas où elle se trouve. Vous ne pouvez alors donner les pièces qu'à la personne en face de vous. et laissez-le vous aider à le passer à la personne en face de vous, puis à le passer à la main de la personne debout à côté de la caisse, qui mettra les pièces dans la caisse.

Idée de modèle de chaîne de responsabilité

L'expéditeur de la requête n'a besoin de connaître que le premier nœud de la chaîne, affaiblissant ainsi le lien fort entre l'expéditeur et un groupe de destinataires . connecter.

JavaScript implémente le modèle de chaîne de responsabilité (méthode AOP)

 Function.prototype.after = function(fn) {
  var _self = this;

  return function () {
    var ret = _self.apply(this, arguments);
    if(ret === "nextSuccessor") {
     return fn.apply(this, arguments);
    }
    return ret;
  }
 }

Oui, implémente la chaîne de responsabilité en JavaScript Le modèle est si simple. Si vous ne comprenez pas le code AOP ci-dessus, vous pouvez vous référer à cet article que j'ai écrit précédemment. JavaScript implémente AOP. Cette méthode ressemble beaucoup au modèle de décorateur. , mais leur point de départ est complètement différent

AOP implémente le modèle décorateur : ajouter de nouvelles fonctions sans modifier l'intérieur des fonctions existantes. Vous pouvez imaginer des cercles concentriques à chaque fois que vous appelez après, cela équivaut à vous donner. Un autre cercle est ajouté à l'extérieur du cercle pour l'envelopper. Notez qu'il s'agit de relations inclusives

AOP implémente le modèle de chaîne de responsabilité : déterminez si vous devez exécuter la fonction suivante après l'exécution de la fonction. Chaque fois que vous appelez après, cela équivaut à ajouter une fonction après la fonction existante. . Quant à savoir si la fonction suivante doit être exécutée, cette fonction dépend de la valeur de retour de la fonction précédente. Notez qu'il s'agit de relations en chaîne

Instances de modèle de chaîne de responsabilité

function cat (type) {
  if(type == "cat") {
    console.log("我是猫猫");
  } else {
    return "nextSuccessor"
  }
}

function dog (type) {
  if(type == "dog") {
    console.log("我是狗狗");
  } else {
    return "nextSuccessor"
  }
}

function pig (type) {
  if(type == "pig") {
    console.log("我是猪猪");
  } else {
    return "nextSuccessor"
  }
}

Function.prototype.after = function(fn) {
  var _self = this;

  return function () {
    var ret = _self.apply(this, arguments);
    if(ret === "nextSuccessor") {
      return fn.apply(this, arguments);
    }
    return ret;
  }
}


var pet = cat.after(dog).after(pig);

pet("pig"); //我是猪猪
pet("dog"); //我是狗狗
pet("cat"); //我是猫猫

Regardez le code ci-dessus, nous le transmettons à la méthode des animaux de compagnie Trois paramètres différents ont été saisis et différents résultats ont été obtenus. Prenons l'exemple du premier appel. Le processus d'exécution est le suivant : Passez "pig", qui est d'abord jugé par la méthode cat. La méthode cat constate qu'elle ne peut pas le gérer, elle passe donc "pig" à la méthode dog. (le retour "nextSuccessor" représente le transfert vers la fonction suivante), la méthode dog constate qu'elle ne peut pas le gérer, puis passe "pig" à la méthode pig. La méthode pig peut le gérer et la console imprime, je suis un. cochon.

Vous pensez peut-être que ce n'est pas un gaspillage d'énergie. Les fonctions ci-dessus peuvent être résolues en utilisant simplement les lignes de code suivantes. Pourquoi avez-vous besoin d'écrire autant de code

function pet(type) {
  if(type == "cat") {
    console.log("我是猫猫");
  } else if(type == "dog") {
    console.log("我是狗狗");
  } else if(type == "pig") {
    console.log("我是猪猪");
  }
}

pet("pig"); //我是猪猪
pet("dog"); //我是狗狗
pet("cat"); //我是猫猫

En regardant les choses de cette façon, cela semble être beaucoup plus simple. Mais avez-vous déjà pensé que si des singes apparaissent soudainement dans le futur, si vous utilisez le code poubelle ci-dessus, vous devrez modifier le code source de la fonction pet et ajouter une instruction if pour déterminer s'il s'agit d'un singe. ce n'est pas mal, et si 10 000 animaux étaient ajoutés ? Ensuite, vous devez ajouter 10 000 instructions if à la fonction pet, quoi ? Pas assez flashy ? Avez-vous déjà pensé qu'un animal peut être divisé en plusieurs races ? Par exemple, les chats sont divisés en chats à poils longs et en chats à poils courts. De cette façon, votre code impliquera des instructions if imbriquées. Avec tout le respect que je vous dois, votre code est aussi laid qu'un chien maintenant, hehe

Mais si vous utilisez le modèle de chaîne de responsabilité, pour chaque animal supplémentaire, nous définirons une fonction pour celui-ci puis l'ajouterons au chaîne de responsabilité. De cette façon, la nouvelle fonction est fortement découplée de la fonction d'origine, n'est-ce pas beau ?

Recommandations associées :

Modèle de conception PHP - Modèle de chaîne de responsabilité_Tutoriel PHP

Modèle de conception php Chaîne de responsabilité (Chaîne du mode de responsabilité)

Chaîne de modèle de conception PHP du mode de responsabilité

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!