javascript设计模式-责任链

责任链

可以用来消除请求的发送者和接收者之间的耦合,这是通过实现一个由隐式地对请求进行处理的对象组成的链而做到的。链中的每个对象可以处理请求,也可以将其传给下一个对象。JS内部就使用了这种模式来处一事件捕获和冒泡问题。一般的结构如下:

  • 发送者知道链中的第一个接收者,它向这个接收者发送请求;
  • 第一个接收者都对请求进行分析,然后要么处理它,要么将其向下传递;
  • 每一个接收者知道其他对象只有一个,即它在链中的下家;
  • 如果没有任何请求处理请求,那么请求将从链上离开,不同的实现有不同的反应,可以不处理也可以抛出异常;
javascript 复制代码
var Catalog = new Interface('Catalog', ['handleFilingRequest', 'findBooks','setSuccessor']);
var GenreCatalog = function() { // implements Catalog
    this.successor = null;
    this.catalog = [];
};
GenreCatalog.prototype = {
    _bookMatchesCriteria:function(){},
    handleFilingRequest: function(book) {
        if(this._bookMatchesCriteria)//循环调用
            this.successor.handleFilingRequest(book);
    },
    findBooks: function(request) {},
    setSuccessor: function(successor) {
        if(Interface.ensureImplements(successor, Catalog)){
            this.successor = successor;
        }
    }
};

var SciFiCatalog = function() {}; // implements Catalog
extend(SciFiCatalog, GenreCatalog);
SciFiCatalog.prototype._bookMatchesCriteria = function(book) {
    if(book.getTitle().match(/space/i)) {
        return true;
    }
    return false;
};

var Library = new Interface('Library', ['addBook', 'findBooks', 'checkoutBook','returnBook']);
var PublicLibrary = function(books, firstGenreCatalog) { // implements Library
    this.catalog = {};
    this.firstGenreCatalog = firstGenreCatalog;
};
PublicLibrary.prototype = {
    findBooks: function(searchString) {},
    checkoutBook: function(book) { },
    returnBook: function(book) {},
    addBook: function(newBook) {
        this.catalog[newBook.getIsbn()] = { book: newBook, available: true };
        // 开始调用
        this.firstGenreCatalog.handleFilingRequest(newBook);
    }
};

// Instantiate the catalogs.
var biographyCatalog = new BiographyCatalog();
var fantasyCatalog = new FantasyCatalog();
var mysteryCatalog = new MysteryCatalog();
var sciFiCatalog = new SciFiCatalog();

// 组织责任链.
biographyCatalog.setSuccessor(fantasyCatalog);
fantasyCatalog.setSuccessor(mysteryCatalog);
mysteryCatalog.setSuccessor(nonFictionCatalog);
nonFictionCatalog.setSuccessor(sciFiCatalog);

// Give the first link in the chain as an argument to the constructor.
var myLibrary = new PublicLibrary(books, biographyCatalog);

使用这种模式可以把特定的具体类与客户隔离开,并代之以一条由弱耦合的对象组成的链。它将隐式的对请求进行处理。这有助于提高代码的模块化程度和可维护性。

这种模式有个缺点就是处理全是隐式的,所以不知道是否整个链走完了,或是是否被合理的处理了。所以需要程序员在不同的点给出确认。和双向观察者很类似。

相关推荐
半个落月10 小时前
JavaScript 单例模式详解:从唯一实例到按钮事件
javascript
明月_清风10 小时前
vLLM 深度实战:2026 年生产级 LLM 推理引擎完全指南
前端·后端·ai编程
风月说与山鬼10 小时前
七、uni-app页面与组件生命周期
前端·uni-app
绿岛之北10 小时前
Electron 安全第三章:URL 加载与 WebView
前端·electron
sunoo-22910 小时前
C 语言文件 IO 全攻略:从基础函数到实战踩坑(BMP 读取 + 词典查询)
linux·c语言·前端·笔记·vscode·学习
Shinner欣儿11 小时前
React18 并发渲染小记
前端
longxiaozhang611 小时前
C#继承:让代码少写一点,偷懒的好方法
开发语言·c#
用户9210802628611 小时前
AI 对话里的消息时间线分页:上滑加载更多历史记忆的实现与坑点
前端
PedroQue9911 小时前
Vue-Router 2.4.0 新增可控重定向功能
前端·uni-app
weixin_4407305011 小时前
python+request实现接口-参数化小结
开发语言·python