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
相關文章:
主站蜘蛛池模板: 三级视频网站 | 午夜视频免费在线观看 | 亚洲精品二区 | 国产欧美在线一区 | 国产精品伦一区二区三级视频 | 天堂久 | 国产精品久久久久久婷婷天堂 | 男人天堂手机在线视频 | 久久青青 | 色综合视频 | 国产一区二区三区www | 国产精品美女久久久久aⅴ国产馆 | 亚洲视频手机在线 | 免费国产一区 | 九九热精品在线视频 | 在线播放一区二区三区 | 中文字幕精品一区久久久久 | 日韩在线国产精品 | 人操人人干人 | 日韩一区二 | 亚洲视频中文字幕 | 亚洲欧美在线一区 | 精品在线一区 | 精品欧美一区二区在线观看视频 | 午夜小视频在线观看 | 综合自拍| 日韩精品一区二区三区老鸭窝 | 综合久久综合久久 | 中文字幕一区二区三区日韩精品 | 午夜精品福利视频 | 成人在线 | 亚洲精品久久久久久久久久久久久 | 国产中文视频 | 高清欧美性猛交xxxx黑人猛交 | 免费在线播放黄色 | 欧美黑人国产人伦爽爽爽 | 日韩一区二区三区在线视频 | 黄色一级大片在线免费看产 | 一色一黄视频 | 色免费在线视频 | 久久久国产精品视频 |