前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JavaScript设计模式--单例模式

JavaScript设计模式--单例模式

作者头像
奋飛
修改2020-10-21 09:48:59
3170
修改2020-10-21 09:48:59
举报
文章被收录于专栏:Super 前端Super 前端

一、定义

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

二、实现原理

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

三、假单例

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

代码语言:javascript
复制
var a = {};

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

代码语言:javascript
复制
var namespace1 = {
    a: function(){},
    b: 2
}

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

代码语言:javascript
复制
var user = (function() {
    var _name = 'lee',
        _age = '25';
    return {
        getUserInfo: function() {
            return _name + ":" + _age;
        }
    };
})();

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

代码语言:javascript
复制
var getSingle = function(fn) {
    var result;
    return function() {
        return result || (result = fn.apply(this, arguments));
    };
};

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

五、补充:

(1)懒加载

代码语言:javascript
复制
var lazyload = function() {
    console.log(1);
    lazyload = function() {
        console.log(2);
    }
    return lazyload();
}

lazyload();

(2)预加载

代码语言:javascript
复制
var preload = (function() {
    console.log(1);
    preload = function() {
        console.log(2);
    };
    return preload;
})();

preload();
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2015年12月20日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、定义
  • 二、实现原理
  • 三、假单例
  • 四、惰性单例:在需要的时候才能创建对象实例。
  • 五、补充:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档