JavaScript设计模式--单例模式

来源:互联网 发布:淘宝药房旗舰店 编辑:程序博客网 时间:2024/06/08 00:15

版权声明:本文为博主原创文章,未经博主允许不得转载。转载请标明出处:http://blog.csdn.net/ligang2585116!

一、定义

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

二、实现原理

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

三、假单例

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

var a = {};
  • 1
  • 1

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

var namespace1 = {    a: function(){},    b: 2}
  • 1
  • 2
  • 3
  • 4
  • 1
  • 2
  • 3
  • 4

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

var user = (function() {    var _name = 'lee',        _age = '25';    return {        getUserInfo: function() {            return _name + ":" + _age;        }    };})();
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

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

var getSingle = function(fn) {    var result;    return function() {        return result || (result = fn.apply(this, arguments));    };};// 测试function testSingle(){}getSingle(testSingle)() === getSingle(testSingle)();    // true
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

五、补充:

(1)懒加载

var lazyload = function() {    console.log(1);    lazyload = function() {        console.log(2);    }    return lazyload();}lazyload();
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

(2)预加载

var preload = (function() {    console.log(1);    preload = function() {        console.log(2);    };    return preload;})();preload();
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

转载请标明出处:http://blog.csdn.net/ligang2585116


0 0
原创粉丝点击