Javascript的单例模式

php中世界最好的语言

发布时间：2018-03-13 18:08:11

1876人浏览过

来源于php中文网

原创

这次给大家带来javascript的单例模式，javascript单例模式的注意事项有哪些，下面就是实战案例，一起来看一下。

单例模式是一个用来划分命名空间并将一批属性和方法组织在一起的对象，如果它可以被实例化，那么它只能被实例化一次。

划分命名空间，减少全局变量

组织代码为一体，便于阅读维护

并非所有的对象字面量都是单例，比如模拟数据

立即学习“Java免费学习笔记（深入）”；

基本结构：

let Cat = {   name: 'Kitty',   age: 3,   run: ()=>{      console.log('run');
   }
}

上面对象字面量结构是创建单例模式的方法之一，但并不是单例模式，单例模式的特点是仅被实例化一次
要实现单例模式可以使用变量来标示该类是否被实例

HTShop网上购物系统

HTShop网上购物系统由恒天网络科技有限公司根据国际先进技术和国内商务特点自主版权开发的一款具有强大功能的B2C电子商务网上购物平台。HTShop以国际上通用流行的B/S(浏览器/服务器)模式进行设计，采用微软公司的ASP.NET（C#）技术构建而成。 2007-11-10 HTShop CS 通用标准版 v1.1.11.10 更新内容自由更换模版功能开放修改了购买多款商品，会员中心订单只显示

下载

基本实现：

class Singleton {    constructor(name){        this.name = name;        this.instance = null;    }    getName(){        return this.name;    }}let getInstance = (()=> {    let instance;    return (name)=> {        if(!instance) {            instance = new Singleton(name);        }        return instance;    }})()let cat1 = getInstance('Hello');let cat2 = getInstance('Kitty');console.log(cat1 === cat2); //trueconsole.log(cat1.getName()) //'Hello'console.log(cat2.getName()) //'Hello'

用instance变量标示实例Singleton，如果没有实例创建一个，如果有则直接返回实例，由于仅能被实例化一次，cat2得到的实例和cat1相同

实用
在创建dom元素时为避免重复创建，可以使用单例模式创建

//单例模式let createModal = function() {    let content = document.createElement('div');
    content.innerHTML = '弹窗内容';
    content.style.display = 'none';    document.body.appendChild(content);
}//代理获取实例let getInstance = function(fn) {    let result    return function() {        return result || (result = fn.call(this,arguments));
    }
}let createSingleModal = getInstance(createModal);document.getElementById("id").onclick = function(){    let modal = createSingleModal();
    modal.style.display = 'block';
};

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！