結構型-裝飾器模式

来源: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
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...