js裝飾者模式怎么實(shí)現(xiàn)

這篇“js裝飾者模式怎么實(shí)現(xiàn)”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“js裝飾者模式怎么實(shí)現(xiàn)”文章吧。

概念

1、裝飾者模式在不改變對(duì)象本身的基礎(chǔ)上，在程序運(yùn)行期間動(dòng)態(tài)添加對(duì)象的方法。

2、js語言動(dòng)態(tài)更改對(duì)象相當(dāng)容易，可以直接更改對(duì)象和對(duì)象的某種方法，不需要使用類來實(shí)現(xiàn)裝飾者的模式。

實(shí)例

Function.prototype.before = function(beforefn) {
    var self = this;    //保存原函數(shù)引用
    return function(){  //返回包含了原函數(shù)和新函數(shù)的 '代理函數(shù)'
        beforefn.apply(this, arguments);    //執(zhí)行新函數(shù)，修正this
        return self.apply(this,arguments);  //執(zhí)行原函數(shù)
    }
}
Function.prototype.after = function(afterfn) {
    var self = this;
    return function(){
        var ret = self.apply(this,arguments);
        afterfn.apply(this, arguments);
        return ret;
    }
}
var func = function() {
    console.log('2');
}
//func1和func3為掛載函數(shù)
var func1 = function() {
    console.log('1');
}
var func3 = function() {
    console.log('3');
}
func = func.before(func1).after(func3);
func();

以上就是關(guān)于“js裝飾者模式怎么實(shí)現(xiàn)”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對(duì)大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請(qǐng)關(guān)注億速云行業(yè)資訊頻道。