如何使用javascript中的職責鏈模式-創(chuàng)新互聯(lián)

這篇文章主要講解了如何使用javascript中的職責鏈模式，內(nèi)容清晰明了，對此有興趣的小伙伴可以學習一下，相信大家閱讀完之后會有幫助。

創(chuàng)新互聯(lián)專注于南譙網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供南譙營銷型網(wǎng)站建設(shè)，南譙網(wǎng)站制作、南譙網(wǎng)頁設(shè)計、南譙網(wǎng)站官網(wǎng)定制、重慶小程序開發(fā)服務(wù)，打造南譙網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供南譙網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

介紹：很多情況下，在一個軟件系統(tǒng)中可以處理某個請求的對象不止一個。例如一個網(wǎng)絡(luò)請求過來，需要有對象去解析request Body，需要有對象去解析請求頭，還需要有對象去對執(zhí)行對應(yīng)controller。請求一層層傳遞，讓每一個對象都基于請求完成自己的任務(wù)，然后將請求傳遞給下一個處理程序。是不是感覺有點中間件的感覺。

定義：職責鏈就是避免請求發(fā)送者與接收者耦合在一起，讓多個對象都有可能接收請求。將這些對象連成一條鏈，并沿著鏈傳遞請求，直到有對象處理它為止。職責鏈模式是一種對象行為型模式。

場景：我們繼續(xù)畫圓，我們準備了兩組示例：

示例：

var Circle = function(){
  this.radius = 0;
 
  this.drawByRadius = function(radius){
    if(radius < 5){
      this.drawVerySmalCircle();
    }else if(radius < 10){
      this.drawSmalCircle();
    }else if(radius < 15){
      this.drawMediumCircle();
    }else if(radius < 20){
      this.drawBigCircle();
    }else{
      this.drawVeryBigCircle();
    }
  }
 
  this.drawVerySmalCircle = function(){
    console.log('畫一個超小的圓（ 5以下 ）');
  }
  this.drawSmalCircle = function(){
    console.log('畫一個小圓（ 5-10 ）');
  }
  this.drawMediumCircle = function(){
    console.log('畫一個中圓 （ 10-15 ）');
  }
  this.drawBigCircle = function(){
    console.log('畫一個大圓 （ 15-20 ）');
  }
  this.drawVeryBigCircle = function(){
    console.log('畫一個超大的圓 （ 20以上 ）');
  }
}
 
var circle = new Circle();
circle.drawByRadius(30);
//畫一個超大的圓 （ 20以上 ）

分享標題：如何使用javascript中的職責鏈模式-創(chuàng)新互聯(lián)
文章位置：http://m.jiaotiyi.com/article/dsohhi.html