我是靠谱客的博主 悲凉御姐,这篇文章主要介绍学习JavaScript设计模式之单例模式,现在分享给大家,希望可以做个参考。

一、定义

保证一个类仅有一个实例,并提供一个访问它的全局访问点。
当单击登陆按钮,页面中出现一个登陆浮窗,这个登陆浮窗是唯一的,无论单击多少次登陆按钮,这个浮窗都只会被创建一次,那么这个登陆浮窗就适合用单例模式来创建。

二、实现原理

要实现单例并不复杂,使用一个变量来标志当前是否已经为某个类创建过对象,如果是,则在下一次获取该类的实例时,直接返回之前创建的对象。

三、假单例

全局变量不是单例模式,但在JavaScript开发中,我们经常会把全局变量当成单例来使用。

复制代码
1
var a = {};

降低全局变量带来的命名污染
(1)使用命名空间

复制代码
1
2
3
4
var namespace1 = { a: function(){}, b: 2 }

(2)使用闭包封装私有变量

复制代码
1
2
3
4
5
6
7
8
9
var user = (function() { var _name = 'lee', _age = '25'; return { getUserInfo: function() { return _name + ":" + _age; } }; })();

四、惰性单例:在需要的时候才能创建对象实例

复制代码
1
2
3
4
5
6
7
8
9
10
var getSingle = function(fn) { var result; return function() { return result || (result = fn.apply(this, arguments)); }; }; // 测试 function testSingle(){} getSingle(testSingle)() === getSingle(testSingle)(); // true

五、补充:

(1)懒加载

复制代码
1
2
3
4
5
6
7
8
9
var lazyload = function() { console.log(1); lazyload = function() { console.log(2); } return lazyload(); } lazyload();

(2)预加载

复制代码
1
2
3
4
5
6
7
8
9
var preload = (function() { console.log(1); preload = function() { console.log(2); }; return preload; })(); preload();

希望本文所述对大家学习javascript程序设计有所帮助。

最后

以上就是悲凉御姐最近收集整理的关于学习JavaScript设计模式之单例模式的全部内容,更多相关学习JavaScript设计模式之单例模式内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(142)

评论列表共有 0 条评论

立即
投稿
返回
顶部