結構型-裝飾器模式

来源: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
  • Timer是什麼 Timer 是一種用於創建定期粒度行為的機制。 與標準的 .NET System.Threading.Timer 類相似,Orleans 的 Timer 允許在一段時間後執行特定的操作,或者在特定的時間間隔內重覆執行操作。 它在分散式系統中具有重要作用,特別是在處理需要周期性執行的 ...
  • 前言 相信很多做WPF開發的小伙伴都遇到過表格類的需求,雖然現有的Grid控制項也能實現,但是使用起來的體驗感並不好,比如要實現一個Excel中的表格效果,估計你能想到的第一個方法就是套Border控制項,用這種方法你需要控制每個Border的邊框,並且在一堆Bordr中找到Grid.Row,Grid. ...
  • .NET C#程式啟動閃退,目錄導致的問題 這是第2次踩這個坑了,很小的編程細節,容易忽略,所以寫個博客,分享給大家。 1.第一次坑:是windows 系統把程式運行成服務,找不到配置文件,原因是以服務運行它的工作目錄是在C:\Windows\System32 2.本次坑:WPF桌面程式通過註冊表設 ...
  • 在分散式系統中,數據的持久化是至關重要的一環。 Orleans 7 引入了強大的持久化功能,使得在分散式環境下管理數據變得更加輕鬆和可靠。 本文將介紹什麼是 Orleans 7 的持久化,如何設置它以及相應的代碼示例。 什麼是 Orleans 7 的持久化? Orleans 7 的持久化是指將 Or ...
  • 前言 .NET Feature Management 是一個用於管理應用程式功能的庫,它可以幫助開發人員在應用程式中輕鬆地添加、移除和管理功能。使用 Feature Management,開發人員可以根據不同用戶、環境或其他條件來動態地控制應用程式中的功能。這使得開發人員可以更靈活地管理應用程式的功 ...
  • 在 WPF 應用程式中,拖放操作是實現用戶交互的重要組成部分。通過拖放操作,用戶可以輕鬆地將數據從一個位置移動到另一個位置,或者將控制項從一個容器移動到另一個容器。然而,WPF 中預設的拖放操作可能並不是那麼好用。為瞭解決這個問題,我們可以自定義一個 Panel 來實現更簡單的拖拽操作。 自定義 Pa ...
  • 在實際使用中,由於涉及到不同編程語言之間互相調用,導致C++ 中的OpenCV與C#中的OpenCvSharp 圖像數據在不同編程語言之間難以有效傳遞。在本文中我們將結合OpenCvSharp源碼實現原理,探究兩種數據之間的通信方式。 ...
  • 一、前言 這是一篇搭建許可權管理系統的系列文章。 隨著網路的發展,信息安全對應任何企業來說都越發的重要,而本系列文章將和大家一起一步一步搭建一個全新的許可權管理系統。 說明:由於搭建一個全新的項目過於繁瑣,所有作者將挑選核心代碼和核心思路進行分享。 二、技術選擇 三、開始設計 1、自主搭建vue前端和. ...
  • Csharper中的表達式樹 這節課來瞭解一下表示式樹是什麼? 在C#中,表達式樹是一種數據結構,它可以表示一些代碼塊,如Lambda表達式或查詢表達式。表達式樹使你能夠查看和操作數據,就像你可以查看和操作代碼一樣。它們通常用於創建動態查詢和解析表達式。 一、認識表達式樹 為什麼要這樣說?它和委托有 ...
  • 在使用Django等框架來操作MySQL時,實際上底層還是通過Python來操作的,首先需要安裝一個驅動程式,在Python3中,驅動程式有多種選擇,比如有pymysql以及mysqlclient等。使用pip命令安裝mysqlclient失敗應如何解決? 安裝的python版本說明 機器同時安裝了 ...