一、定义
保证一个类仅有一个实例,并提供一个访问它的全局访问点。
当单击登陆按钮,页面中出现一个登陆浮窗,这个登陆浮窗是唯一的,无论单击多少次登陆按钮,这个浮窗都只会被创建一次,那么这个登陆浮窗就适合用单例模式来创建。
二、实现原理
要实现单例并不复杂,使用一个变量来标志当前是否已经为某个类创建过对象,如果是,则在下一次获取该类的实例时,直接返回之前创建的对象。
三、假单例
全局变量不是单例模式,但在JavaScript开发中,我们经常会把全局变量当成单例来使用。
var a = {};
降低全局变量带来的命名污染
(1)使用命名空间
var namespace1 = { a: function(){}, b: 2 }
(2)使用闭包封装私有变量
var user = (function() { var _name = 'lee', _age = '25'; return { getUserInfo: function() { return _name + ":" + _age; } }; })();
四、惰性单例:在需要的时候才能创建对象实例
var getSingle = function(fn) { var result; return function() { return result || (result = fn.apply(this, arguments)); }; }; // 测试 function testSingle(){} getSingle(testSingle)() === getSingle(testSingle)(); // true
五、补充:
(1)懒加载
var lazyload = function() { console.log(1); lazyload = function() { console.log(2); } return lazyload(); } lazyload();
(2)预加载
var preload = (function() { console.log(1); preload = function() { console.log(2); }; return preload; })(); preload();
希望本文所述对大家学习javascript程序设计有所帮助。
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
金钱帮资源网 Copyright www.kbjia.com
暂无“学习JavaScript设计模式之单例模式”评论...
更新日志
2024年10月11日
2024年10月11日
- 群星《品味感性男声》2CD[DTSWAV]
- 群星《观风月》[320K/MP3][133.98MB]
- 群星《观风月》[FLAC/分轨][321.4MB]
- 群星《奔向所有时空的你 影视原声带》[320K/MP3][47.43MB]
- 陶喆.2013-再见你好吗【伟大文化】【WAV+CUE】
- 李宗盛.1994-不舍(纸盒版)【滚石】【WAV+CUE】
- 群星.2024-如果奔跑是我的人生电视剧原声带【韶愔音乐】【FLAC分轨】
- 群星《2018第二季-最佳金曲》2CD[DTS-WAV]
- 孟蕾《再次爱上你》限量1:1母盘直刻[低速原抓WAV+CUE]
- 郑阳《雏菊DSD(非卖品)》最浪漫感性的都市情歌[WAV+CUE]
- FUNDAMENTAL.1988-FUNDAMENTAL(经典系列复刻版)【SONY】【WAV+CUE】
- 何炅.2004-可以爱【中唱】【WAV+CUE】
- 乃万.2024-Narchive0000RE【少城时代】【FLAC分轨】
- 群星《奔向所有时空的你 影视原声带》[FLAC/分轨][119.03MB]
- 齐秦《虚度》[320K/MP3][32.74MB]