av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

javascript設計模式 ? 裝飾模式原理與應用實例分析

瀏覽:13日期:2023-11-04 09:34:30

本文實例講述了javascript設計模式 ? 裝飾模式原理與應用。分享給大家供大家參考,具體如下:

介紹:裝飾模式可以在不改變一個對象本身功能的基礎上給對象增加額外的新行為。在現實生活中,這種情況也到處存在,例如一張照片,可以不改變照片本身,通過增加一個相框,使其具有防潮的功能。裝飾模式是一種用于替代繼承的技術,它使用對象之間的關聯關系來取代繼承關系。

定義:動態的給一個對象增加一些額外的職責,就增加對象功能來說,裝飾模式比生成子類實現更為靈活。裝飾模式是一種對象結構模型。

場景:我們現有一個Circle類用來畫一個圓,新的需求要求畫一個紅色的圓,又一個新的需求要求我們畫一個半徑20的圓,又一個新的需求要求我們畫一個紅色的,半徑20的圓。如何設計才能讓我們的代碼來兼容這樣的需求呢?我們首先給Circle類包裝一個顏色的相框,這個相框用來改變圓的顏色。再給Circle類包裝一個大小的相框,這個相框用來改變圓的大小。通過不同的相框組合來達到想要的效果。

示例:

var Circle = function(){ this.draw = function(){ console.log(’畫圓’); };} var ColorDecorator = function(circle){ this.circle = circle; this.draw = function(){ this.circle.draw(); setColor(); return this.circle; } function setColor(){ console.log(’紅色’); }} var RadiusDecorator = function(circle){ this.circle = circle; this.draw = function(){ this.circle.draw(); setRadius(); } function setRadius(){ console.log(’半徑:20px’) }} var circle = new Circle(); var redCricle = new ColorDecorator(circle); var radiusCricle = new RadiusDecorator(circle); var radiusRedCircle = new RadiusDecorator(new ColorDecorator(circle)); //輸出:circle.draw(); //畫圓 redCricle.draw(); //畫圓 紅色 radiusCricle.draw(); //畫圓 半徑:20px radiusRedCircle.draw(); //畫圓 紅色 半徑:20px

以上就是裝飾模式的示例,比較好懂,在不改變Circle類基礎上進行擴展,通過包裝一層來實現新特性。降低了系統的耦合度。與繼承結構相比,裝飾模式大大減少了子類的個數,讓系統擴展起來更加方便,而且更容易維護。RadiusDecorator,ColorDecorator稱為裝飾類,他們的引入將大大簡化系統的設計,他也是裝飾模式的核心。

裝飾模式總結:

優點:* 便于擴展一個對象的功能,裝飾模式比繼承更加具有靈活性,不會導致類的個數急劇增加。* 可以通過一種動態的方式來擴展一個對象的功能。* 可以對一個對象進行多次裝飾,通過不同的裝飾類組合,可以創造很多不同行為的組合,得到功能更強大的對象

缺點:* 使用裝飾模式過程中會產生很多小對象,一定程度影響程序性能。* 裝飾模式特別靈活,同時也意味著更加容易出錯,排除復雜度也不低。

適用場景:* 不影響對象的基礎下進行擴展,添加職責

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。

更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 新91 | 日韩中文字幕在线视频 | 欧美日韩精品一区二区三区视频 | 九九久久久 | 中文字幕 亚洲一区 | 国产日韩欧美在线观看 | 看片一区 | 欧美一区二区三区四区在线 | 中文字幕精品一区久久久久 | 久久久久久久久久久一区二区 | 蜜桃久久 | 久久精品中文 | 黄a网| 久久av一区二区 | 在线欧美激情 | 国产精品日韩欧美一区二区三区 | 国产精品黄 | 成人国产精品入口免费视频 | 久久精品福利视频 | 日韩a在线 | 精品亚洲永久免费精品 | 国产精品永久 | 一区二区av | 亚洲精品一区二区在线观看 | 91免费视频 | 欧美黄色片 | 日韩国产中文字幕 | 欧美在线视频观看 | 久久一级大片 | 天堂综合 | 国产一区二区三区网站 | 男女视频免费 | 亚洲一区二区免费视频 | 亚洲三级在线观看 | 在线播放第一页 | 欧美a v在线 | 黄色一级大片在线免费看产 | 国产精品久久久久久久久久久免费看 | 日韩精品不卡 | 亚洲激精日韩激精欧美精品 | 福利电影在线 |