摘要：用實現(xiàn)職責(zé)鏈這里使用變量存儲上一個函數(shù)，存儲的是最后一個調(diào)用返回的函數(shù)。理解了過程也就會知道這句代碼是為后面的函數(shù)準備的建議如果某塊功能中存在大量的可以考慮使用職責(zé)鏈模式

職責(zé)鏈模式

使多個對象都有機會處理請求，從而避免請求的發(fā)送者和接受者之間的耦合關(guān)系，將對象連成一條鏈，并沿著這個鏈傳遞該請求，直到有一個對象處理它為止

請求發(fā)送者只需要知道鏈中的第一個節(jié)點，從而弱化了發(fā)送者和一組接受者之間的強聯(lián)系

職責(zé)鏈模式使得程序中多了一些節(jié)點對象，在某次請求傳遞過程中，大部分節(jié)點并沒有實質(zhì)性作用，只是讓請求傳遞下去，從性能方面考慮，要避免過長的職責(zé)鏈帶來的性能耗損

商城做活動，預(yù)付定金500且購買的客戶可返現(xiàn)100，預(yù)付定金200且購買的客戶可返現(xiàn)50，普通購買則沒有返現(xiàn)且?guī)齑娌粔蛸I不到。

    //設(shè)置每個節(jié)點的操作，即每種用戶對應(yīng)的操作，如果不能該節(jié)點不能操作則傳遞給下一個節(jié)點。
var order500 = function (orderType, pay, stock) {
    if (orderType === 1 && pay === true) {
        console.log("100")
    } else {
        return "nextSuccessor"
    }
}
var order200 = function (orderType, pay, stock) {
    if (orderType === 2 && pay === true) {
        console.log("50")
    } else {
        return "nextSuccessor"
    }
}
var order = function (orderType, pay, stock) {
    if (stock > 0) {
        console.log("buy")
    } else {
        console.log("lack")
    }
}
//職責(zé)鏈，規(guī)定每個節(jié)點的下一個節(jié)點，執(zhí)行本節(jié)點的函數(shù)
function Chain(fn) {
    this.fn = fn
    this.nextSuccessor = null
}
Chain.prototype.setNextSuccessor = function (successor) {
    this.nextSuccessor = successor
}
Chain.prototype.passRequest = function () {
    var ret = this.fn.apply(this, arguments)
    if (ret === "nextSuccessor") {
        return this.nextSuccessor && this.nextSuccessor.passRequest.apply(this.nextSuccessor, arguments)
    }
}
//把每個節(jié)點都放到職責(zé)鏈中
var chainOrder500 = new Chain(order500)
var chainOrder200 = new Chain(order200)
var chainOrder = new Chain(order)
//設(shè)置職責(zé)鏈的下一個節(jié)點
chainOrder500.setNextSuccessor(chainOrder200)
chainOrder200.setNextSuccessor(chainOrder)
//設(shè)定從某個職責(zé)鏈節(jié)點開始執(zhí)行
chainOrder500.passRequest(1, true, 1)

//設(shè)置每個節(jié)點的操作，即每種用戶對應(yīng)的操作，如果不能該節(jié)點不能操作則傳遞給下一個節(jié)點。
var order500 = function (orderType, pay, stock) {
    if (orderType === 1 && pay === true) {
        console.log("100")
    } else {
        return "nextSuccessor"
    }
}
var order200 = function (orderType, pay, stock) {
    var self = this
    setTimeout(function () {
        self.next()
    }, 1000)
    // if (orderType === 2 && pay === true) {
    //     console.log("50")
    // } else {
    //     return "nextSuccessor"
    // }
}
var order = function (orderType, pay, stock) {
    if (stock > 0) {
        console.log("buy")
    } else {
        console.log("lack")
    }
}
//職責(zé)鏈，規(guī)定每個節(jié)點的下一個節(jié)點，執(zhí)行本節(jié)點的函數(shù)
function Chain(fn) {
    this.fn = fn
    this.nextSuccessor = null
}
Chain.prototype.setNextSuccessor = function (successor) {
    this.nextSuccessor = successor
}
Chain.prototype.passRequest = function () {
    var ret = this.fn.apply(this, arguments)
    if (ret === "nextSuccessor") {
        return this.nextSuccessor && this.nextSuccessor.passRequest.apply(this.nextSuccessor, arguments)
    }
}
Chain.prototype.next = function () {
    return (this.nextSuccessor) && this.nextSuccessor.passRequest.apply(this.nextSuccessor, arguments)
}
// 把每個節(jié)點都放到職責(zé)鏈中
var chainOrder500 = new Chain(order500)
var chainOrder200 = new Chain(order200)
var chainOrder = new Chain(order)
//設(shè)置職責(zé)鏈的下一個節(jié)點
chainOrder500.setNextSuccessor(chainOrder200)
chainOrder200.setNextSuccessor(chainOrder)
// 設(shè)定從某個職責(zé)鏈節(jié)點開始執(zhí)行
chainOrder500.passRequest(1, false, 1)

這里需要增加一個next函數(shù)，手動傳遞到下一個節(jié)點。

var order500 = function (orderType, pay, stock) {
    if (orderType === 1 && pay === true) {
        console.log("100")
    } else {
        return "nextSuccessor"
    }
}
var order200 = function (orderType, pay, stock) {
    if (orderType === 2 && pay === true) {
        console.log("50")
    } else {
        return "nextSuccessor"
    }
}
var order = function (orderType, pay, stock) {
    if (stock > 0) {
        console.log("buy")
    } else {
        console.log("lack")
    }
}

Function.prototype.after = function (fn) {
    var self = this
    return function () {
        var ret = self.apply(this, arguments)
        if (ret === "nextSuccessor") {
            return fn && fn.apply(this, arguments)
        }
        return ret
    }
}
var func = order500.after(order200).after(order)
func(1, true, 3)

這里使用self變量存儲上一個函數(shù)，func存儲的是最后一個調(diào)用after返回的函數(shù)。一旦調(diào)用func函數(shù)，會先執(zhí)行self保存的函數(shù)，會追根溯源一直到到最開始的self保存的函數(shù)order500。這里利用了閉包的特性保留了每一個self變量。整個函數(shù)的執(zhí)行過程有點像倒序的遞歸。理解了過程也就會知道return ret這句代碼是為后面的函數(shù)準備的~

如果某塊功能中存在大量的if else可以考慮使用職責(zé)鏈模式