js裝飾者模式有哪些應用場景

firefule發表於2021-09-11

js裝飾者模式有哪些應用場景

在程式開發中,不希望某種型別天生龐大,一次承擔很多責任,可以使用裝飾者模型。裝飾者的模式可以動態地給某個物件追加責任,不會影響從這個類中誕生其他物件。

應用場景

1、JS 的裝飾器可以用來“裝飾”三種型別的物件:類的屬性/方法、訪問器、類本身;

2、window繫結onload事件,都又不確定這事件是不是已經被其他人繫結過,為了避免之前的window.load函式中的行為,一般要先儲存好原先的window.onload,把它放入新的window.onload裡執行;

3、動態改變引數,利用改變引數arguments同步改變的特性(嚴格模式不可取);

4、同意驗證表單。

例項

window.onload = ()=>{
console.log(1)
}
let _onload = window.onload || function(){}
window.onload = ()=>{
_onload
console.log(2)
}

原始方法保持不變,在原始方法上再掛載其它方法,以滿足現有需要;函式的解耦,將函式分成多個可重複使用的函式,再將分割後的函式掛載到某一函式上,達到同樣的效果,但增強了重複使用。

以上就是js裝飾者模式應用場景的介紹,希望對大家有所幫助。更多js學習指路:

推薦操作環境:windows7系統、jquery3.2.1版本,DELL G3電腦。

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/1834/viewspace-2829672/,如需轉載,請註明出處,否則將追究法律責任。

相關文章