前端js面向切面程式設計（AOP）

//Aop構造器
function Aop(options){
    this.options = options
}
//業務方法執行前鉤子
Aop.prototype.before = function(cb){
    cb.apply(this)
}
//業務方法執行後鉤子
Aop.prototype.after = function(cb){
    cb.apply(this)
}
//業務方法執行器
Aop.prototype.execute = function(beforeCb,runner,afterCb){
    this.before(beforeCb)
    runner.apply(this)
    this.after(afterCb)
}

var aop = new Aop({
    afterInfo:'執行後',
    runnerInfo:'執行中',
    beforeInfo:'執行前'
})

var beforeCb = function(){
    console.log(this.options.beforeInfo)
}
var afterCb = function(){
    console.log(this.options.afterInfo)
}
var runnerCb = function(){
    console.log(this.options.runnerInfo)
}

aop.execute(beforeCb,runnerCb,afterCb)
複製程式碼