JavaScript设计模式之单例模式简单实例教程
程序员文章站
2022-04-24 07:53:28
本文实例讲述了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程序设计有所帮助。
上一篇： 英国伦敦10件必买纪念品：骨瓷上榜，明信片便宜且有纪念意义
下一篇： MySQL的B树索引与索引优化