如何在JavaScript中使用裝飾者模式

這篇文章給大家介紹如何在JavaScript中使用裝飾者模式，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對(duì)大家能有所幫助。

JavaScript的作用是什么

1、能夠嵌入動(dòng)態(tài)文本于HTML頁(yè)面。2、對(duì)瀏覽器事件做出響應(yīng)。3、讀寫HTML元素。4、在數(shù)據(jù)被提交到服務(wù)器之前驗(yàn)證數(shù)據(jù)。5、檢測(cè)訪客的瀏覽器信息。6、控制cookies，包括創(chuàng)建和修改等。7、基于Node.js技術(shù)進(jìn)行服務(wù)器端編程。

1、說(shuō)明

原始方法保持不變，在原始方法上再掛載其它方法，以滿足現(xiàn)有需要；函數(shù)的解耦，將函數(shù)分成多個(gè)可重復(fù)使用的函數(shù)，再將分割后的函數(shù)掛載到某一函數(shù)上，達(dá)到同樣的效果，但增強(qiáng)了重復(fù)使用。

2、應(yīng)用場(chǎng)景

JS 的裝飾器可以用來(lái)“裝飾”三種類型的對(duì)象：類的屬性/方法、訪問(wèn)器、類本身；

當(dāng)我們想給window綁定onload事件，都又不確定這事件是不是已經(jīng)被其他人綁定過(guò)，為了避免之前的window.load函數(shù)中的行為，一般要先保存好原先的window.onload，把它放入新的window.onload里執(zhí)行；

動(dòng)態(tài)改變參數(shù)，利用改變參數(shù)arguments同步改變的特性（嚴(yán)格模式不可?。?；

同意驗(yàn)證表單。

3、實(shí)例

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

關(guān)于如何在JavaScript中使用裝飾者模式就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。