web前端中單例模式的示例分析

小編給大家分享一下web前端中單例模式的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

寶興ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)建站的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：13518219792（備注：SSL證書合作）期待與您的合作！

單例模式（Singleton Pattern）

顧名思義，單例模式中Class的實例個數(shù)最多為1。當(dāng)需要一個對象去貫穿整個系統(tǒng)執(zhí)行某些任務(wù)時，單例模式就派上了用場。而除此之外的場景盡量避免單例模式的使用，因為單例模式會引入全局狀態(tài)，而一個健康的系統(tǒng)應(yīng)該避免引入過多的全局狀態(tài)。

實現(xiàn)單例模式需要解決以下幾個問題：

  • 如何確定Class只有一個實例？

  • 如何簡便的訪問Class的唯一實例？

  • Class如何控制實例化的過程？

  • 如何將Class的實例個數(shù)限制為1？

我們一般通過實現(xiàn)以下兩點來解決上述問題：

  • 隱藏Class的構(gòu)造函數(shù)，避免多次實例化

  • 通過暴露一個 getInstance() 方法來創(chuàng)建/獲取唯一實例

Javascript中單例模式可以通過以下方式實現(xiàn)：

// 單例構(gòu)造器const FooServiceSingleton = (function () {
  // 隱藏的Class的構(gòu)造函數(shù)
  function FooService() {}

  // 未初始化的單例對象
  let fooService;

  return {
    // 創(chuàng)建/獲取單例對象的函數(shù)
    getInstance: function () {
      if (!fooService) {
        fooService = new FooService();
      }
      return fooService;
    }
  }})();

實現(xiàn)的關(guān)鍵點有：

  1. 使用 IIFE創(chuàng)建局部作用域并即時執(zhí)行；

  2. getInstance()為一個 閉包 ，使用閉包保存局部作用域中的單例對象并返回。

我們可以驗證下單例對象是否創(chuàng)建成功：

const fooService1 = FooServiceSingleton.getInstance();
const fooService2 = FooServiceSingleton.getInstance();
console.log(fooService1 === fooService2); 
// true

場景例子

  • 定義命名空間和實現(xiàn)分支型方法

  • 登錄框

  • vuex 和 redux中的store

優(yōu)點

  • 劃分命名空間，減少全局變量

  • 增強(qiáng)模塊性，把自己的代碼組織在一個全局變量名下，放在單一位置，便于維護(hù)

  • 且只會實例化一次。簡化了代碼的調(diào)試和維護(hù)

缺點

  • 由于單例模式提供的是一種單點訪問，所以它有可能導(dǎo)致模塊間的強(qiáng)耦合

  • 從而不利于單元測試。無法單獨(dú)測試一個調(diào)用了來自單例的方法的類，而只能把它與那個單例作為一

  • 個單元一起測試。

以上是“web前端中單例模式的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站名稱：web前端中單例模式的示例分析
網(wǎng)站URL：http://bm7419.com/article32/pccesc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計公司、網(wǎng)站排名、網(wǎng)站維護(hù)、建站公司、定制網(wǎng)站、網(wǎng)站設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)公司