设计模式学习（二）

msy_msy

于 2017-12-18 14:25:53 发布

阅读量304

点赞数

CC 4.0 BY-SA版权

分类专栏：设计模式

本文链接：https://blog.youkuaiyun.com/msy_msy/article/details/78832687

设计模式专栏收录该内容

7 篇文章

订阅专栏

本文通过一个具体的登录浮窗示例介绍了单例模式的应用。在示例中，无论点击登录按钮多少次，登录浮窗仅会被创建一次。文章还提供了一个使用JavaScript实现的单例模式代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.单例模式

（当我们单击登录按钮的时候，页面中会出现一个登录浮窗，而这个登录浮窗是唯一的，无论单击多少次登录按钮，这个浮窗都只会被创建一次，那么这个登录浮窗就适合用单例模式来创建。）

// 单例模式，执行了3次，但实际div只绑定了一次。
var getSingle = function( fn ){ 
	var result; 
	return function(){ 
		return result || ( result = fn .apply(this, arguments ) ); 
	} 
};
var bindEvent = getSingle(function(){ 
	$( 'div' ).on("click", function(){ 
		alert ( 'click' ); 
	});
	// return true; 
}); 
var render = function(){ 
	console.log( '开始渲染列表' ); 
	bindEvent(); 
}; 
render(); 
render(); 
render();