JavaScript設計模式之單例模式簡單實例教程

來源：懂視網責編：小采時間：2020-11-27 22:12:10

JavaScript設計模式之單例模式簡單實例教程

JavaScript設計模式之單例模式簡單實例教程:本文實例講述了JavaScript設計模式之單例模式。分享給大家供大家參考，具體如下：一、單例模式概念單例就是保證一個類只有一個實例，實現方法一般是先判斷實例存在與否，如果存在直接返回，如果不存在就創建了再返回，這就確保了一個類只有一個實例對象。在

推薦度：

點擊下載本文 文檔為doc格式

導讀JavaScript設計模式之單例模式簡單實例教程:本文實例講述了JavaScript設計模式之單例模式。分享給大家供大家參考，具體如下：一、單例模式概念單例就是保證一個類只有一個實例，實現方法一般是先判斷實例存在與否，如果存在直接返回，如果不存在就創建了再返回，這就確保了一個類只有一個實例對象。在

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

一、單例模式概念

單例就是保證一個類只有一個實例，實現方法一般是先判斷實例存在與否，如果存在直接返回，如果不存在就創建了再返回，這就確保了一個類只有一個實例對象。在JavaScript里，單例作為一個命名空間提供者，從全局命名空間里提供一個唯一的訪問點來訪問該對象。

二、單例模式的作用和注意事項

模式作用：

1、模塊間通信

2、系統中某個類的對象只能存在一個

3、保護自己的屬性和方法

注意事項：

1、注意this的使用

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

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

三、單例模式代碼和實戰總結

<!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.獨立的對象 建2個一個xiaowang一個xiaoli
 2.讓xiaoli跟xiaowang通過門鈴進行通信
 3.先看一下xiaowang家有沒有門 如果油門直接通過門鈴通訊didi如果沒有門先建門
 4.兩個單例之間看是通訊*/
 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代碼運行工具 http://tools.jb51.net/code/HtmlJsRun測試運行效果如下：

更多關于JavaScript相關內容可查看本站專題：《javascript面向對象入門教程》、《JavaScript切換特效與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com