html5中文学习网

您的位置: 首页 > 网站及特效实例 > javascript特效 » 正文

学习JavaScript设计模式之单例模式_javascript技巧_

[ ] 已经帮助:人解决问题

一、定义ke3HTML5中文学习网 - HTML5先行者学习网

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

二、实现原理ke3HTML5中文学习网 - HTML5先行者学习网

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

三、假单例ke3HTML5中文学习网 - HTML5先行者学习网

全局变量不是单例模式,但在JavaScript开发中,我们经常会把全局变量当成单例来使用。ke3HTML5中文学习网 - HTML5先行者学习网

var a = {};

降低全局变量带来的命名污染 ke3HTML5中文学习网 - HTML5先行者学习网
(1)使用命名空间ke3HTML5中文学习网 - HTML5先行者学习网

var namespace1 = {  a: function(){},  b: 2}

(2)使用闭包封装私有变量ke3HTML5中文学习网 - HTML5先行者学习网

var user = (function() {  var _name = 'lee',    _age = '25';  return {    getUserInfo: function() {      return _name + ":" + _age;    }  };})();

四、惰性单例:在需要的时候才能创建对象实例ke3HTML5中文学习网 - HTML5先行者学习网

var getSingle = function(fn) {  var result;  return function() {    return result || (result = fn.apply(this, arguments));  };};// 测试function testSingle(){}getSingle(testSingle)() === getSingle(testSingle)();  // true

五、补充:ke3HTML5中文学习网 - HTML5先行者学习网

(1)懒加载ke3HTML5中文学习网 - HTML5先行者学习网

var lazyload = function() {  console.log(1);  lazyload = function() {    console.log(2);  }  return lazyload();}lazyload();

(2)预加载ke3HTML5中文学习网 - HTML5先行者学习网

var preload = (function() {  console.log(1);  preload = function() {    console.log(2);  };  return preload;})();preload();

希望本文所述对大家学习javascript程序设计有所帮助。ke3HTML5中文学习网 - HTML5先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助