源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

学习JavaScript设计模式之单例模式

  • 时间:2020-05-12 20:08 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:学习JavaScript设计模式之单例模式
[b]一、定义[/b] 保证一个类仅有一个实例,并提供一个访问它的全局访问点。 当单击登陆按钮,页面中出现一个登陆浮窗,这个登陆浮窗是唯一的,无论单击多少次登陆按钮,这个浮窗都只会被创建一次,那么这个登陆浮窗就适合用单例模式来创建。 [b]二、实现原理[/b] 要实现单例并不复杂,使用一个变量来标志当前是否已经为某个类创建过对象,如果是,则在下一次获取该类的实例时,直接返回之前创建的对象。 [b]三、假单例[/b] 全局变量不是单例模式,但在JavaScript开发中,我们经常会把全局变量当成单例来使用。
var a = {};

降低全局变量带来的命名污染 [b](1)使用命名空间[/b]
var namespace1 = {
  a: function(){},
  b: 2
}
[b](2)使用闭包封装私有变量[/b]
var user = (function() {
  var _name = 'lee',
    _age = '25';
  return {
    getUserInfo: function() {
      return _name + ":" + _age;
    }
  };
})();
[b]四、惰性单例:在需要的时候才能创建对象实例[/b]
var getSingle = function(fn) {
  var result;
  return function() {
    return result || (result = fn.apply(this, arguments));
  };
};

// 测试
function testSingle(){}
getSingle(testSingle)() === getSingle(testSingle)();  // true

[b]五、补充:[/b] [b](1)懒加载[/b]
var lazyload = function() {
  console.log(1);
  lazyload = function() {
    console.log(2);
  }
  return lazyload();
}

lazyload();
[b](2)预加载[/b]
var preload = (function() {
  console.log(1);
  preload = function() {
    console.log(2);
  };
  return preload;
})();

preload();
希望本文所述对大家学习javascript程序设计有所帮助。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部