分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

JS设计模式之单例模式

发布时间:2023-09-06 01:20责任编辑:胡小海关键词:暂无标签

     单例就是保证一个类只有一个实例,实现的方法一般是先判断实例存在与否,如果存在直接返回,如果不存在就创建了再返回,这

就确保了一个类只有一个实例对象。

     在JavaScript里,实现单例的方式有很多种,其中最简单的一个方式是使用对象字面量的方法,其字面量里可以包含大量的属性和方法:

 1 ??????????var singleton = { 2 ?????????????name: ‘xu‘, 3 ?????????????age: 2, 4 ?????????????walk: function(){ 5 ?????????????????//todo 6 ?????????????}, 7 ?????????????eat: function(){ 8 ?????????????????//todo 9 ?????????????}10 ?????????}

       如果以后要扩展该对象,你可以添加自己的私有成员和方法,然后使用闭包在其内部封装这些变量和函数声明。

只暴露你想暴露的public成员和方法,样例代码如下:

 1 ???var mySingleton = function(){ 2 ??????????????3 ?????????????// 这里声明私有变量和方法; 4 ?????????????var privateVariable = ‘something private that others cannot get‘; 5 ?????????????function showPrivate(){ 6 ?????????????????console.log(privateVariable); 7 ?????????????} 8 ?????????????//公有的变量和方法(可以访问私有变量和方法); 9 ?????????????return {10 ?????????????????publicMethod: function(){11 ?????????????????????showPrivate();12 ?????????????????},13 ?????????????????publicVar: ‘the public can see this!‘14 ?????????????}15 16 ?????????}17 ???????var single = mySingleton();18 ???????single.publicMethod(); // something private that others cannot get19 ???????console.log(single.publicVar); // the public can see this!

   上面的代码很不错了,但如果我们想做到只有在使用的时候才初始化,那该如何做呢?为了节约资源

的目的,我们可以另外一个构造函数里来初始化这些代码,如下:

 ?????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(); // hello world;

知道了单例如何实现了,但单例用在什么样的场景比较好呢?其实单例一般是用在系统间各种模式的通信协调上,下面的代码是一个单例的最佳实践:

 ????????var SingletonTester = (function(){ ???????????// 参数: 传递给单例的一个参数集合; ????????????function Singelton(args){ ????????????????// 设置args变量为接受的参数或者为空 ????????????????var args = args || {}; ????????????????//设置name参数 ????????????????this.name = ‘SingletonTester‘; ????????????????// 设置pointX的值 ???????????????this.pointX = args.pointX || 6; // 从接受的参数里获取,或者设置为默认值; ???????????????// 设置pointY的值 ???????????????this.pointY = args.pointY || 10; ????????????} ????????????//实例容器 ????????????var instance; ????????????var _static = { ????????????????name: ‘SingletonTester‘, ????????????????//获取实例的方法 ????????????????//获取Singelton的实例 ????????????????getInstance: function(args){ ????????????????????if (instance == undefined) { ????????????????????????instance = new Singelton(args); ????????????????????} ????????????????????return instance; ????????????????} ????????????}; ????????????return _static; ???????})(); ???????var singeltonTest = SingletonTester.getInstance({pointX: 5}); ???????console.log(singeltonTest.pointX); //输出 5; 

JS设计模式之单例模式

原文地址:http://www.cnblogs.com/xuzhudong/p/7747186.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved