結構型-裝飾器模式

来源:https://www.cnblogs.com/longbensong/archive/2023/03/18/17230968.html
-Advertisement-
Play Games

定義 如果希望動態給某個類添加一些屬性或者方法,但是你又不希望這個類派生的對象受到影響,那麼裝飾器模式就可以給你帶來這樣的體驗。 它的定義就是在不改變原對象的基礎上,通過對其進行包裝拓展,使得原有對象可以動態具有更多功能,從而滿足用戶的更複雜需求。 舉個例子,一部手機,你可以買各種花里胡哨的手機殼等 ...


定義

  如果希望動態給某個類添加一些屬性或者方法,但是你又不希望這個類派生的對象受到影響,那麼裝飾器模式就可以給你帶來這樣的體驗。

它的定義就是在不改變原對象的基礎上,通過對其進行包裝拓展,使得原有對象可以動態具有更多功能,從而滿足用戶的更複雜需求

舉個例子,一部手機,你可以買各種花里胡哨的手機殼等,這些手機殼其實就起到了裝飾的作用,對手機本身的功能沒有影響。

那麼裝飾器模式的特點就來了:

  1. 不影響原有功能
  2. 可同時裝飾多個

js模擬裝飾模式

向一個現有對象添加新的功能,同時又不改變其結構。

如我在跑步,但是我想一邊跑步一邊聽歌。我們通常很快速的下寫如下代碼

/*
 如跑步時我想聽音樂
*/
function run() {
  console.log('joel run')
}

// 一般改成如下:
function run() {
  console.log('joel run')
  // 聽音樂代碼 ...
}
// 或者把聽音樂抽成一個方法
function music() {
  console.log('聽歌')
}
function run() {
  console.log('joel run')
  music()
}
// 以上都違反來關閉原則

上面的代碼都需要在原有的代碼上面做調整,這樣違反了關閉原則,按照裝飾模式的定義,我們可以用裝飾器模式擴展我們的跑步方法。

如下把上面的代碼改成符合裝飾模式思想

/***************************** 1、最簡單的裝飾 **************************/
// 1.1 入口套一層函數
function decoratorRun (fn) {
  fn()
  music()
}

decoratorRun(run)

// 1.2 中間變數保存引用
function run () {
  console.log('joel run')
}
function music() {
  console.log('聽歌')
}
let _run = run;
run = function () {
  _run()
  music()
}
run()
// 上面兩種都是固定了調用的位置不太靈活,並沒有當成一個工具函數來使用

/***************************** 2、工具函數 **************************/
// 裝飾fn函數,利用閉包特點
const decoratorRun1 = function (fn, afterFn) {
  return function (...args) {
    const res = fn.apply(this, args)
    afterFn.apply(this, args );
    return res;
  }
}
function run() {
  console.log('joel run')
}
function music(name) {
  console.log(`我正在聽${name},很好聽。`)
}
const runAndMusic = decoratorRun1(run,music);
runAndMusic('孤勇者');

/************************* 3、原型鏈, 把入口掛載到Function原型上*********/
Function.prototype.before = function (beforeFn) {
  const _self = this;
  return function (...args) {
    beforeFn.apply(this, args);
    return _self.apply(this, args);
  }
}

Function.prototype.after = function (afterFn) {
  const _self = this;
  return function (...args) {
    const result = _self.apply(this, args);
    afterFn.apply(this, args);
    return result;
  }
}
function run() {
  console.log('joel run')
}
function music(name) {
  console.log(`我正在聽${name},很好聽。`)
}
const runAndMusic1 = run.after(music)
runAndMusic1('孤勇者')

/***************************** 4、es7+ 裝飾器寫法 **************************/
@testable
class MyTestableClass {
  // ...
}

function testable(target) {
  target.isTestable = true;
}

MyTestableClass.isTestable // true

js 中的裝飾器

在最新版本的es next 中,引入了 Decorator (裝飾器的語法),從語言語法層面幫助我們快速的擴展我們的類(class)的功能。

function testAble(isTestable) {
    return function(target) {
        target.isTestable = isTestable;
    }
}

@testAble(true)
class MyTestClass {}
MyTestClass.isTestable; // true

@testAble(false)
class MyTestClass1 {}
MyTestClass1.isTestable; // false

裝飾器可以參考 https://es6.ruanyifeng.com/#docs/decorator

你要知道的AOP概念

在上面模擬裝飾器的時候,把函數掛載到Function原型上,有那麼一點點AOP的思路。

AOP為Aspect Oriented Programming的縮寫,指面向切麵編程,通過預編譯方式和運行期間動態代理實現程式功能的統一維護的一種技術。

AOP 是一種編程範式,通俗的可以理解為這種在運行時,編譯時,類和方法載入時,動態地將代碼切入到類的指定方法、指定位置上的編程思想就是面向切麵的編程。

如上圖從橫向角度來分析,業務1-3都需要日誌,安全、其他等這種與業務無關的代碼邏輯,這個時候我們把這種代碼抽離出來,在動態的插入的技術就是面向切麵編程。

AOP主要把業務邏輯無關的功能進行抽離,這些與業務邏輯無關的內容如日誌列印、數據統計、異常處理、許可權控制等各個部分進行隔離,在通過動態註入的方式註入到業務代碼中。這樣做既保證了業務內部高內聚,模塊之間低耦合,方便管理與業務無關的模塊,有利於未來的可操作性和可維護性。

面向切麵編程(AOP)是一種通過橫切關註點(Cross-cutting Concerns)分離來增強代碼模塊性的方法,它能夠在不修改業務主體代碼的情況下,對它添加額外的行為。

優點是:這樣的做法,對原有代碼毫無入侵性

AOP場景

AOP採取橫向思考的思維,橫向抽取機制,取代了傳統縱向繼承體系重覆性代碼的編寫方式(例如性能監視、事務管理、安全檢查、緩存、日誌記錄等)。

在軟體系統設計的時候,我們需要把一個大的系統按照業務功能進行拆分,做到高內聚、低耦合。

但是呢,拆分之後會產生一些通用性的東西,比如日誌,安全,事務,性能統計等,這些非功能性需求。

  1. 記錄日誌
  2. 監控方法運行時間 (監控性能)
  3. 許可權控制
  4. 緩存優化 (第一次調用查詢資料庫,將查詢結果放入記憶體對象, 第二次調用, 直接從記憶體對象返回,不需要查詢資料庫 )
  5. 事務管理 (調用方法前開啟事務, 調用方法後提交或者回滾、關閉事務 )

AOP、裝飾器模式

 AOP 與裝飾器都是解決一樣的問題,隔離業務邏輯無關的代碼快。

裝飾器是一個很著名的設計模式,經常被用於有切麵需求的場景,較為如有日誌、性能測試、事務處理等,在 JavaScript 中,我們可以通過裝飾者模式來實現 AOP,但是兩者並不是一個維度的概念。 AOP 是一種編程範式,而裝飾者是一種設計模式。 

小結

  1. 裝飾者模式非常適合給業務代碼附加非業務相關功能
  2. 裝飾者模式非常適合無痛擴展別人的代碼
  3. 裝飾器模式還真的可以讓代碼變得優雅


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • (文章目錄) 01、首先配置文件地址改了 地址為 ` /etc/NetworkManager/system-connections/網卡名 ` 網卡名可以使用 ip a查看,紅框中就是網卡名 網卡名 ls命令可以看到有以下配置文件 ` es160.nmconnection ` vi編輯 ` [con ...
  • 一、共用記憶體是什麼 在Linux系統中,共用記憶體是一種IPC(進程間通信)方式,它可以讓多個進程在物理記憶體中共用一段記憶體區域。 這種共用記憶體區域被映射到多個進程的虛擬地址空間中,使得多個進程可以直接訪問同一段物理記憶體區域中的數據,從而實現進程間的高速數據交換和通信。 二、共用記憶體的原理 共用記憶體基於 ...
  • 前騰訊工程師,經歷過大廠,也經歷過創業! 我已奔四,但我還在持續學習,持續成長! 我非常樂意把我的經驗和心得分享給你! 我是阿銘,關註我,和我一起成長為技術大牛! ↓↓↓↓↓ 關於DevOps這個概念,可能100個人能給出100個說法,這是因為每個人所接觸到的環境有所差異,不同的公司要解決的問題自然 ...
  • 案例現象 這天,監控系統發來一條告警消息,內容說某台伺服器根目錄磁碟占用空間達到閾值,超過百分之八十了 登上伺服器,df -Th 看一下,發現磁碟空間確實不夠用了 進入到根目錄,然後 du -sh * 可以看到,var 目錄下的磁碟空間已經占用了 75G 既然如此,刪除 var 目錄下一些占空間較大 ...
  • reactive reactive 創建一個深層的對象的響應式代理,即對象根屬性以及嵌套對象的屬性都是響應式的。如果使用 ES6 結構賦值,就會使得這個對象的響應式代理第一層(根屬性)屬性失去響應式,但其嵌套下的對象屬性還是響應式的。 shallowReactive 會創建淺層的對象的響應式代理,只 ...
  • 1 前言 最近有個需求,需要使用JS快速讀取外部大數據文件(60w條記錄的表)。筆者嘗試過使用JS讀取Excel文件,但是跑了十幾分鐘仍未出結果,後來筆者嘗試將原數據保存為TXT文件,再從TXT文件中讀取數據,只需幾秒鐘即可讀取完畢。在此分享一下,也留著以後備用。 2 案例 為方便快速理解,筆者挑選 ...
  • 前端常見的十種佈局方式 作為一個開發小白,也是第一次編寫博客文章,若有錯誤請各位大牛大佬指正,輕噴!!! 我在學校接觸最多的就是前端,然後最近在學習新的前端知識,發現前端佈局常見的有很多種,不同的應用場景有不同的佈局方式,下麵就來簡單介紹一下吧。 靜態佈局 浮動佈局 定位佈局 柵格佈局 table布 ...
  • 此內容包含: html基礎 列表、表格 媒體元素 表單(重點) 1、HTML 基礎 目標: 會使用HTML5的基本結構創建網頁 會使用文本相關標簽排版文本信息 會使用圖像相關標簽實現圖文並茂的頁面 會使用標簽創建超鏈接、錨鏈接及功能性鏈接 1.1、什麼是HTML HTML:Hyper Text Ma ...
一周排行
    -Advertisement-
    Play Games
  • .NET Core 選項系統的主要實現在 Microsoft.Extensions.Options 和 Microsoft.Extensions.Options.ConfigurationExtensions 兩個 Nuget 包。對於一個框架的源碼進行解讀,我們可以從我們常用的框架中的類或方法入手 ...
  • 最近在工作中遇到一個問題,就是我有多個線程會調用bitmap對象,運行的時候報錯,對象當前正在其他地方使用。第一反應肯定是加鎖啊,於是我就在每個用到bitmap的地方都加了鎖,但是運行之後依然報這個錯 測試代碼如下 using System; using System.Drawing; using ...
  • 一:背景 1. 講故事 前段時間有位朋友微信找到我,說他的程式使用 hsl 庫之後,採集 plc 時記憶體溢出,讓我幫忙看一下怎麼回事,哈哈,貌似是分析之旅中的第二次和 hsl 打交道,既然找到我,那就上 windbg 說話吧。 二:WinDbg 分析 1. 為什麼會記憶體溢出 簡單觀察程式的提交記憶體之 ...
  • 在 IIS 上啟用 Websocket 在 Windows Server 2012 或更高版本上啟用對 WebSocket 協議的支持: 備註 使用 IIS Express 時無需執行這些步驟 通過“管理”菜單或“伺服器管理器”中的鏈接使用“添加角色和功能”嚮導。 選擇“基於角色或基於功能的安裝”。 ...
  • C#-垃圾回收機制(GC) 什麼是GC 官網中有這麼一句話: The garbage collector is a common language runtime component that controls the allocation and release of managed memory ...
  • 呆了2個大屏行業的公司,對大屏幕有一些瞭解,所以整理下所瞭解的觸摸屏相關概念。方便自己以及進入這個行業的小伙伴們,能有個系統、快速的認知。 觸摸屏詳細的知識點,網上其實都有。整理資料過程中,我也瞭解了更多的觸摸屏知識,像聲波屏、光學屏之類的之前就沒接觸。下麵分不同的模塊,給大家介紹 交互觸摸屏類型 ...
  • 近段時間忙於各種項目和對【易排平臺】的優化,沒顧得上分享APS相關的小技巧,回頭看看小公眾號的關註人數早已達1500+,在此爭取時間寫一下這段時間在項目上及平臺優化過程中遇到的一些小技巧,以感謝諸位的關註。過去數月的解決的問題中,涉及最多的是規劃模型中,實現各種時間維度的功能,目前在平臺上也稍有成果 ...
  • 針對大量log日誌快速定位錯誤地方 動態查看日誌 tail -f catalina.ou 從頭打開日誌文件 cat catalina.ou 可以使用 >nanjiangtest.txt 輸出某個新日誌去查看 [[email protected] logs]# cat -n catalina.out |grep 7 ...
  • 前言 RocketMQ是阿裡巴巴旗下一款開源的MQ框架,經歷過雙十一考驗、Java編程語言實現,有非常好完整生態系統。RocketMQ作為一款純java、分散式、隊列模型的開源消息中間件,支持事務消息、順序消息、批量消息、定時消息、消息回溯等 本篇文章第一部分屬於一些核心概念和工作流程的講解;第二部 ...
  • 在java,c#類的成員修飾符包括,公有、私有、程式集可用的、受保護的。 對於python來說,只有兩個成員修飾符:公有成員,私有成員 成員修飾符是來修飾誰呢?當然是修飾成員了。那麼python類的成員包括什麼呢? python成員: 欄位,方法,屬性 每個類成員的修飾符有兩種: 公有成員:內部外部 ...