搜尋
首頁web前端js教程單例設計模式:管理應用程式中的全域狀態

您是否曾經發現自己正在處理需要在應用程式的多個部分之間共享的物件(可能是資料庫連線、WebSocket 用戶端或設定管理員)?

如何管理這樣的對象,使其在整個應用程式或進程生命週期中保持一致且可存取?這就是單例設計模式發揮作用的地方。

概述

Singleton 是一種創意設計模式,它是一類設計模式,用於處理使用new 建立物件的本機方式所帶來的不同問題。 關鍵字或運算子。

單例設計模式專注於解決兩個主要問題:

  1. 我們如何為我們的實例提供全球存取點
  2. 我們如何確保一個類別或某一特定類型的物件只有一個實例?

它可以簡化和標準化我們管理特定種類或類型的全局狀態的方式,例如資料庫連接、WebSocket 用戶端、快取服務或在整個應用程式生命週期中需要在記憶體中持久保存和變化的任何內容。

我們如何實現單例設計模式?

Singleton Design Pattern: Managing Global States in Your Applications

上面的模式轉換為這個 TypeScript 類別:

TypeScript 範例

class Singleton {
  private static instance: Singleton
  // other properties...
  public authorName: string

  private constructor({ authorName }: { authorName: string }) {
    this.authorName = authorName
  }

  public static getInstance(params) {
    if (!this.instance) {
      this.instance = new Singleton(params)
    }
    return this.instance
  }
  // other methods...
}

  • 類別應該定義一個靜態屬性來儲存唯一可共享的實例。

關鍵字 static 表示實例物件不與類別的實例關聯,而是與類別定義本身關聯。

  • 類別的建構子應標記為私有。取得類別實例的唯一方法是呼叫 getInstance 靜態方法。
const instance = Singleton.getInstance({ authorName: "Sidali Assoul" })


// let's imagine
const instance1 = Singleton.getInstance({ authorName: "Sidali Assoul" }) // "Sidali Assoul"
const instance2 = Singleton.getInstance({ authorName: "John Doe" }) // "Sidali Assoul"

我們可以透過呼叫與 Singleton 類別關聯的靜態方法 getInstance 來使用上面的類別。

getInstance 方法保證我們總是獲得相同的實例,即使我們在程式碼庫的不同位置多次實例化我們的類別。

Singleton Design Pattern: Managing Global States in Your Applications

因此兩個變數(instance1 和 instance2)共用同一個單例實例。

第一個實際場景

Prisma 是 JavaScript 生態系中著名的 ORM。要在應用程式中使用 Prisma,您必須匯入 PrismaClient,然後從中實例化一個物件。

class Singleton {
  private static instance: Singleton
  // other properties...
  public authorName: string

  private constructor({ authorName }: { authorName: string }) {
    this.authorName = authorName
  }

  public static getInstance(params) {
    if (!this.instance) {
      this.instance = new Singleton(params)
    }
    return this.instance
  }
  // other methods...
}

Prisma 用戶端 以惰性方式連接到資料庫,或者換句話說,僅當您第一次嘗試查詢或變更某個實體時。

const instance = Singleton.getInstance({ authorName: "Sidali Assoul" })


// let's imagine
const instance1 = Singleton.getInstance({ authorName: "Sidali Assoul" }) // "Sidali Assoul"
const instance2 = Singleton.getInstance({ authorName: "John Doe" }) // "Sidali Assoul"

每次將 prismaClient 匯入到檔案中時,都會從 PrismaClient 建立一個新實例。因此,每次我們使用這些實例時,都會建立許多資料庫連線。

import { PrismaClient } from "@prisma/client"

export const prismaClient = new PrismaClient()

許多開啟的資料庫連線會降低應用程式的效能,甚至可能導致資料庫關閉,因為資料庫通常只能處理有限數量的連線。

單例設計模式可以透過避免擁有多個 PrismaClient 類別實例並透過 PrismaClientSingleton.getInstance() 靜態方法提供單點存取它來幫助我們防止此類問題。

import { prismaClient } from "@/db"

const users = await prismaClient.user.findMany() // query on the users table

第二個實際場景

我們將要經歷的另一個實際場景是

記憶體中速率限制器服務

使用者或駭客可以透過向特定端點發出大量請求來向其發送垃圾郵件。這可能會導致漏洞、意外成本或伺服器故障。

為了防止這種情況,我們可以實現基本的記憶體速率限制器服務。

服務應限制特定時間視窗間隔(例如 60 秒)內每個

IP 位址的請求數量。

export const prismaClient = new PrismaClient() // a new instance is created every time it gets imported then used.

RateLimiterService 類別儲存一個映射,該映射追蹤由

IP 位址(映射鍵)標識的特定用戶在給定時間視窗內發出的請求數(requests[ip].count) (請求[ ip].lastRequestTime).

我們的 RateLimiterService 旨在全域使用,或者換句話說,我們不想在每次匯入 RateLimiterService 時重置由請求映射、限制和視窗變數組成的內部狀態值。

結論

單例設計模式是有效管理應用程式中共享資源的強大工具

重點:

    單例確保一個類別只有一個實例並提供對其的全域存取點。
  1. 它對於管理資料庫連線、配置設定或快取等共享資源很有用。
  2. 實際應用包括優化與 Prisma 等 ORM 的資料庫連線以及實施速率限制服務。
接觸

如果您有任何疑問或想進一步討論,請隨時與我聯繫。

編碼愉快!

以上是單例設計模式:管理應用程式中的全域狀態的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
JavaScript框架:為現代網絡開發提供動力JavaScript框架:為現代網絡開發提供動力May 02, 2025 am 12:04 AM

JavaScript框架的強大之處在於簡化開發、提升用戶體驗和應用性能。選擇框架時應考慮:1.項目規模和復雜度,2.團隊經驗,3.生態系統和社區支持。

JavaScript,C和瀏覽器之間的關係JavaScript,C和瀏覽器之間的關係May 01, 2025 am 12:06 AM

引言我知道你可能會覺得奇怪,JavaScript、C 和瀏覽器之間到底有什麼關係?它們之間看似毫無關聯,但實際上,它們在現代網絡開發中扮演著非常重要的角色。今天我們就來深入探討一下這三者之間的緊密聯繫。通過這篇文章,你將了解到JavaScript如何在瀏覽器中運行,C 在瀏覽器引擎中的作用,以及它們如何共同推動網頁的渲染和交互。 JavaScript與瀏覽器的關係我們都知道,JavaScript是前端開發的核心語言,它直接在瀏覽器中運行,讓網頁變得生動有趣。你是否曾經想過,為什麼JavaScr

node.js流帶打字稿node.js流帶打字稿Apr 30, 2025 am 08:22 AM

Node.js擅長於高效I/O,這在很大程度上要歸功於流。 流媒體匯總處理數據,避免內存過載 - 大型文件,網絡任務和實時應用程序的理想。將流與打字稿的類型安全結合起來創建POWE

Python vs. JavaScript:性能和效率注意事項Python vs. JavaScript:性能和效率注意事項Apr 30, 2025 am 12:08 AM

Python和JavaScript在性能和效率方面的差異主要體現在:1)Python作為解釋型語言,運行速度較慢,但開發效率高,適合快速原型開發;2)JavaScript在瀏覽器中受限於單線程,但在Node.js中可利用多線程和異步I/O提升性能,兩者在實際項目中各有優勢。

JavaScript的起源:探索其實施語言JavaScript的起源:探索其實施語言Apr 29, 2025 am 12:51 AM

JavaScript起源於1995年,由布蘭登·艾克創造,實現語言為C語言。 1.C語言為JavaScript提供了高性能和系統級編程能力。 2.JavaScript的內存管理和性能優化依賴於C語言。 3.C語言的跨平台特性幫助JavaScript在不同操作系統上高效運行。

幕後:什麼語言能力JavaScript?幕後:什麼語言能力JavaScript?Apr 28, 2025 am 12:01 AM

JavaScript在瀏覽器和Node.js環境中運行,依賴JavaScript引擎解析和執行代碼。 1)解析階段生成抽象語法樹(AST);2)編譯階段將AST轉換為字節碼或機器碼;3)執行階段執行編譯後的代碼。

Python和JavaScript的未來:趨勢和預測Python和JavaScript的未來:趨勢和預測Apr 27, 2025 am 12:21 AM

Python和JavaScript的未來趨勢包括:1.Python將鞏固在科學計算和AI領域的地位,2.JavaScript將推動Web技術發展,3.跨平台開發將成為熱門,4.性能優化將是重點。兩者都將繼續在各自領域擴展應用場景,並在性能上有更多突破。

Python vs. JavaScript:開發環境和工具Python vs. JavaScript:開發環境和工具Apr 26, 2025 am 12:09 AM

Python和JavaScript在開發環境上的選擇都很重要。 1)Python的開發環境包括PyCharm、JupyterNotebook和Anaconda,適合數據科學和快速原型開發。 2)JavaScript的開發環境包括Node.js、VSCode和Webpack,適用於前端和後端開發。根據項目需求選擇合適的工具可以提高開發效率和項目成功率。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

mPDF

mPDF

mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強大的PHP整合開發環境