Présentation du modèle de chaîne de responsabilité en JavaScript

一、概述　

职责链模式（Chain of responsibility），就是使多个对象都有机会处理请求，从而避免请求的发送者和接受者之间的耦合关系。将这个对象连成一条链，并沿着这条链传递该请求，直到有一个对象处理它为止。　

貌似和数据结构中的链表一样。　

但，不要搞混了，职责链可不等于链表哦，因为职责链可以在任何一个节点开始往下查找，而链表，则必须从头结点开始往下查找。　

比如，DOM事件机制中的冒泡事件就属于职责链，而捕获事件则属于链表。　

二、利用职责链模拟冒泡　

假设我们有三个对象：li、ul、div，三者关系图如下：

比如，当我们触发li对象时，如果li没有阻止冒泡，那么将会传递给ul对象，到了ul，如果没有阻止冒泡，则会传递给div对象（假设这里div为根节点）。同理，ul、div。　

看到这儿，很清楚适合用职责链模式，编写这样的需求。　

但，怎么使用JavaScript实现职责链模式呢？　

如下，我们可以通过原型链的方式构建基本架构：　

function CreateDOM(obj){
  this.next = obj || null;
};  
CreateDOM.prototype = {
  handle: function(){
    if(this.next){
      this.next.handle();
    }
  }
};

Chaque fois que nous utilisons le constructeur CreateDOM pour créer un objet, nous transmettons l'objet associé à l'intérieur (eh bien, c'est comme une liste de liens).　

Ensuite, lorsque nous déclenchons un objet, exécutons la méthode handle, nous pouvons suivre cette chaîne et continuer.　

Mais, attention, lorsque l'attribut handle d'un objet couvre celui de la chaîne de prototype, comment le transmettre en continu ?　

Il suffit de faire appel à CreateDOM.prototype.handle.call(this);.　

Alors, voici le code pour implémenter li, ul et div :　

var li = null; 
  ul = null; 
  div = null;
div = new CreateDOM();
div.handle = function(stopBubble){
  console.log('DIV');
  if(stopBubble){
    return;    
  }else{
    CreateDOM.prototype.handle.call(this);
  }
};
ul = new CreateDOM(div);
ul.handle = function(stopBubble){
  console.log('UL');
  if(stopBubble){
    return;    
  }else{
    CreateDOM.prototype.handle.call(this);
  }
};
li = new CreateDOM(ul);
li.handle = function(stopBubble){
  console.log('LI');
  if(stopBubble){
    return;    
  }else{
    CreateDOM.prototype.handle.call(this);
  }
};

Voici la totalité du contenu de cet article, j'espère qu'il vous aidera dans vos études, et j'espère que vous soutenerez également le tutoriel d'alarme.

Déclaration : Le contenu de cet article est issu du réseau, propriété des auteurs respectifs, contribué et téléversé par les utilisateurs d'Internet. Ce site ne détient pas de droits de propriété, n'a pas été édité par l'homme, et n'assume aucune responsabilité juridique connexe. Si vous trouvez du contenu susceptible de violer les droits d'auteur, veuillez envoyer un email à : notice#oldtoolbag.com (veuillez remplacer # par @ lors de l'envoi d'un email pour signaler une violation, et fournissez des preuves pertinentes. Une fois vérifié, ce site supprimera immédiatement le contenu suspect de violation de droits d'auteur.)