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

職責(zé)鏈模式

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

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

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

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

    //設(shè)置每個(gè)節(jié)點(diǎn)的操作，即每種用戶對(duì)應(yīng)的操作，如果不能該節(jié)點(diǎn)不能操作則傳遞給下一個(gè)節(jié)點(diǎn)。
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ī)定每個(gè)節(jié)點(diǎn)的下一個(gè)節(jié)點(diǎn)，執(zhí)行本節(jié)點(diǎn)的函數(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)
    }
}
//把每個(gè)節(jié)點(diǎn)都放到職責(zé)鏈中
var chainOrder500 = new Chain(order500)
var chainOrder200 = new Chain(order200)
var chainOrder = new Chain(order)
//設(shè)置職責(zé)鏈的下一個(gè)節(jié)點(diǎn)
chainOrder500.setNextSuccessor(chainOrder200)
chainOrder200.setNextSuccessor(chainOrder)
//設(shè)定從某個(gè)職責(zé)鏈節(jié)點(diǎn)開始執(zhí)行
chainOrder500.passRequest(1, true, 1)

//設(shè)置每個(gè)節(jié)點(diǎn)的操作，即每種用戶對(duì)應(yīng)的操作，如果不能該節(jié)點(diǎn)不能操作則傳遞給下一個(gè)節(jié)點(diǎn)。
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ī)定每個(gè)節(jié)點(diǎn)的下一個(gè)節(jié)點(diǎn)，執(zhí)行本節(jié)點(diǎn)的函數(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)
}
// 把每個(gè)節(jié)點(diǎn)都放到職責(zé)鏈中
var chainOrder500 = new Chain(order500)
var chainOrder200 = new Chain(order200)
var chainOrder = new Chain(order)
//設(shè)置職責(zé)鏈的下一個(gè)節(jié)點(diǎn)
chainOrder500.setNextSuccessor(chainOrder200)
chainOrder200.setNextSuccessor(chainOrder)
// 設(shè)定從某個(gè)職責(zé)鏈節(jié)點(diǎn)開始執(zhí)行
chainOrder500.passRequest(1, false, 1)

這里需要增加一個(gè)next函數(shù)，手動(dòng)傳遞到下一個(gè)節(jié)點(diǎn)。

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

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