JavaScript設(shè)計(jì)模式之單例模式簡(jiǎn)單實(shí)例教程

2019-11-19 13:34:45

字體：大中小

供稿：網(wǎng)友

本文實(shí)例講述了JavaScript設(shè)計(jì)模式之單例模式。分享給大家供大家參考，具體如下：

一、單例模式概念

單例就是保證一個(gè)類只有一個(gè)實(shí)例，實(shí)現(xiàn)方法一般是先判斷實(shí)例存在與否，如果存在直接返回，如果不存在就創(chuàng)建了再返回，這就確保了一個(gè)類只有一個(gè)實(shí)例對(duì)象。在JavaScript里，單例作為一個(gè)命名空間提供者，從全局命名空間里提供一個(gè)唯一的訪問(wèn)點(diǎn)來(lái)訪問(wèn)該對(duì)象。

二、單例模式的作用和注意事項(xiàng)

模式作用：

1、模塊間通信

2、系統(tǒng)中某個(gè)類的對(duì)象只能存在一個(gè)

3、保護(hù)自己的屬性和方法

注意事項(xiàng)：

1、注意this的使用

2、閉包容易造成內(nèi)存泄露，不需要的要趕快干掉

3、注意new的成本。（繼承）

三、單例模式代碼和實(shí)戰(zhàn)總結(jié)

<!DOCTYPE html><html><head lang="en">  <meta charset="UTF-8">  <title>單例模式</title></head><body><!--<script>  var Singleton = (function(){    var instantiated;    function init(){      /*這里定義單例代碼*/      return{        publicMethod:function(){          console.log("hello world");        },        publicProperty:"test"      };    }    return{      getInstance:function(){        if(!instantiated){          instantiated = init();        }        return instantiated;      }    }  })();  Singleton.getInstance().publicMethod();</script>--><script>   /*1.獨(dú)立的對(duì)象 建2個(gè)一個(gè)xiaowang一個(gè)xiaoli   2.讓xiaoli跟xiaowang通過(guò)門鈴進(jìn)行通信   3.先看一下xiaowang家有沒有門 如果油門直接通過(guò)門鈴?fù)ㄓ峝idi如果沒有門先建門   4.兩個(gè)單例之間看是通訊*/  var xiaowang = (function(argument){    var men;    var xiaowangjia = function(msg){      this.menling = msg;    }    var info = {      sendMessage:function(msg){        if(!men){          men = new xiaowangjia(msg);        }        return men;      },      abc:function(){        return 123;      }    };    return info;  })();  var xiaoli = {    callXiaowang:function(msg){      var _xw = xiaowang.sendMessage(msg);      alert(_xw.menling);      console.log(_xw.menling);      _xw = null;//等待垃圾回收      var abc = xiaowang.abc();      console.log(abc);    }  }  xiaoli.callXiaowang("didi");</script></body></html>

使用在線HTML/CSS/JavaScript代碼運(yùn)行工具 http://tools.VeVB.COm/code/HtmlJsRun測(cè)試運(yùn)行效果如下：