JavaScript单例模式

一、什么是单例

  意思是指获取的对象只有一份。

二、最通用的单例 

任何时刻获取SingLeton.instance都是同一个对象

1  var SingLeton={
2        instance:{
3             property:1,
4             getProperty:function(){return this.property;}
5         }
6 }    

三、转变成通过函数的方法来获取对象

类似于SingLeton()(),但是问题来了,每次执行都会重新创建instance对象,如果已经存在那么无需再创建

var Singleton=function(){
    var instance={
        property:1,
        getProperty:function(){return this.property;}
    };

    var getInstance=function(){
        return instance;
    }
    return getInstance;

}
console.log(Singleton()());
var Singleton=function(){
    var instance=null;    function createInstance(){
        return  {
           property:1,
           getProperty:function(){return this.property;}
        };
    } 

    var getInstance=function(){
        instance=instance||createInstance();
        return instance;
    }
    return getInstance;

}
console.log(Singleton()());

问题又来了,怎么不像其他语言那样,通过SingLeton.getInstance()来获取对象呢

四、自调用函数

要想改造成SingLeton.getInstance(),那SingLeton必须一出来就是一个对象,该对象包含一个方法,可以返回instance对象,我们想到采用让函数立即执行的方式



var Singleton=(function(){
    var instance=null;
    function createInstance(){        console.log("create");
        return  {
           property:1,
           getProperty:function(){return this.property;}
        };
   }
    return {
        getInstance:function(){
            instance=instance||createInstance();
            return instance;
        }
    }

})()
console.log(Singleton.getInstance());
console.log(Singleton.getInstance());

//result:
create Object {property: 1}getProperty: (){return this.property;}

Object {property: 1}getProperty: (){return this.property;}
 

至此单例出来了,可以验证下

 
时间: 2024-12-21 17:45:07

JavaScript单例模式的相关文章

javascript单例模式(懒汉 饿汉)

第一种:懒汉模式 var Singleton=(function(){ var instantiated; //比较懒,在类加载时,不创建实例,因此类加载速度快,但运行时获取对象的速度慢 function init(){ /*这里定义单例代码*/ return{ publicMethod:function(){ console.log('helloworld'); }, publicProperty:3 }; } return{ getInstance:function(){ if(!insta

[转] JavaScript 单例模式

定义 确保一个类仅有一个实例,并提供一个访问它的全局访问点. 单例模式使用的场景 比如线程池.全局缓存等.我们所熟知的浏览器的window对象就是一个单例,在JavaScript开发中,对于这种只需要一个的对象,我们的实现往往使用单例. 实现单例模式 (不透明的) 一般我们是这样实现单例的,用一个变量来标志当前的类已经创建过对象,如果下次获取当前类的实例时,直接返回之前创建的对象即可.代码如下: // 定义一个类 function Singleton(name) { this.name = na

浅析Javascript单例模式

定义 保证一个类仅有一个实例,并提供一个访问它的全局访问点 .就想我们在开发中有些对象只需要一个,例如window对象. 1. 实现单例模式 var Singleton = function( name ) { this.name = name; }; Singleton.prototype.getName = function() { alert ( this.name ); }; Singleton.getInstance = function( name ) { if ( !this.in

javascript 单例模式

单例模式是设计模式里最基本也是最常用的模式之一,其特点是单体对象只存在一份实例,这样你就能确保在你的所有代码里面都使用着同样的全局资源. 在Java里面实现单例模式的方法是首先将构造函数私有化,在内部创建一个私有的静态变量保存实例,然后通过一个静态方法(一般取名为getInstance)将实例提供给外部访问.因为构造函数的私有化,所以外部无法对类进行实例化,而只能通过getInstance获取,所以由始到终只有那一个静态实例. 在Javascript里面我们同样可以借鉴这种思路. (一)使用对象

javascript单例模式的理解

阅读目录 理解单例模式 使用代理实现单例模式 理解惰性单例 编写通用的惰性单例 单例模式使用场景 回到顶部 理解单例模式 单例模式的含义是: 保证一个类只有一个实例,并提供一个访问它的全局访问点.实现的方法是:使用一个变量来标志当前是否已经为某个类创建过对象,如果创建了,则在下一次获取该类的实例时,直接返回之前创建的对象,否则就创建一个对象.这就确保了一个类只有一个实例对象. 比如如下代码是一个简单的单例模式代码实例: var Singleton = function(name){ this.n

201508181508_《JavaScript单例模式的最佳实践(摘自汤姆大叔)》

var SingletonTester = (function () { //参数:传递给单例的一个参数集合 function Singleton(args) { //设置args变量为接收的参数或者为空(如果没有提供的话) var args = args || {}; //设置name参数 this.name = 'SingletonTester'; //设置pointX的值 this.pointX = args.pointX || 6; //从接收的参数里获取,或者设置为默认值 //设置po

JS 设计模式之单例模式

?一.概念: 一个类 仅有一个实例 提供一个访问它的全局访问点 ?二.实现: class SimpleOne { constructor (name) { this.name = name; } getName (propsName) { this.name = propsName; return typeof this.name; } } const a = new SimpleOne('a').getName(); const b = new SimpleOne('b').getName()

JavaScript模式设计之单例模式

一.单例模式概念 单例就是保证一个类只有一个实例,实现方法一般是先判断实例存在与否,如果存在直接返回,如果不存在就创建了再返回,这就确保了一个类只有一个实例对象.在JavaScript里,单例作为一个命名空间提供者,从全局命名空间里提供一个唯一的访问点来访问该对象. 二.单例模式的作用和注意事项 模式作用: 1.模块间通信 2.系统中某个类的对象只能存在一个 3.保护自己的属性和方法 注意事项: 1.注意this的使用 2.闭包容易造成内存泄露,不需要的要赶快干掉 3.注意new的成本.(继承)

Javascript模式(一) 单例模式

function A(){ // 存储实例对象 var instance; // 重写构造函数,只返回闭包内的局部变量instance A = function(){ return instance; } // 重写原型为实例本身 之后定义在原型上的属性和方法会直接赋在该实例上 A.prototype = this; // 实例化 instance = new A(); // 重写构造函数 instance.constructor = A; // 第一次实例化时返回重写之后的构造函数的实例 re