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

更新时间：2016年01月19日 11:01:29 作者：奋飛

这篇文章主要为大家介绍了JavaScript设计模式中的单例模式，对JavaScript设计模式感兴趣的小伙伴们可以参考一下

一、定义

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

二、实现原理

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

三、假单例

全局变量不是单例模式，但在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程序设计有所帮助。

您可能感兴趣的文章:

JavaScript数组排序小程序实现解析
这篇文章主要介绍了JavaScript数组排序小程序实现解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-01-01
原生JavaScript实现随机点名表
这篇文章主要为大家详细介绍了原生JavaScript实现随机点名表，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-01-01
JavaScript中的class类详解
JavaScript 中的类（Class）是一种新的语言特性，它让我们可以使用面向对象编程的思想来更加方便地组织和管理代码。在本文中，我们将详细介绍 JavaScript 中的类特性，感兴趣的同学可以借鉴阅读
2023-05-05
leaflet的开发入门教程
leaflet是领先的开源JavaScript库为移动设备设计的互动地图。接下来通过本文来给大家介绍下leaflet的开发入门教程，需要的朋友可以参考下
2016-11-11
js之如何筛选出两个数组相同的值
这篇文章主要介绍了js之如何筛选出两个数组相同的值问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-06-06
前端精度丢失问题解决之后端Long类型到前端的处理策略
这篇文章主要介绍了前端精度丢失问题解决之后端Long类型到前端的处理策略,在Web开发中前后端数据类型不匹配尤其是Long类型数据到前端可能导致精度丢失,文章探讨了此问题并提供三种解决方法,需要的朋友可以参考下
2024-09-09
解析javascript瀑布流原理实现图片滚动加载
这篇文章主要帮助大家解析javascript瀑布流原理，实现js图片滚动加载
2016-03-03
快速查找数组中的某个元素并返回下标示例
最近在写jquery的combobox插件时遇到效率问题，再加上jquery选择器的类帅选，导致效率很慢，采用以下方式二，可以轻松解决此问题
2013-09-09
JavaScrip实现一个有时间限制的缓存类的方式
本文将探索 JavaScript 中一种基于自动过期机制的时间限制缓存实现方式,提高数据缓存策略的灵活性和效率,文中通过代码示例给大家介绍的非常详细,对大家的学习或工作有一定的帮助,需要的朋友可以参考下
2024-01-01
情人节单身的我是如何在敲完代码之后收到12束玫瑰的(javascript)
这篇文章主要介绍了情人节单身的我是如何在敲完代码之后收到12束玫瑰的，感兴趣的朋友一起来学习下
2015-08-08

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具