<!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Document</title>

 </head>

 <body>

 <script>

 // 1 ,独立的对象  比如 一个是xiaowang  和一个xiaoli

 // 2，小李跟小王通过门铃进行通信

 // 3，先看小王家有没有门，如果有 直接通过门铃通讯 didi 没有的话 建门

 // 4，单例之间进行通信

 // \

 //

 // 以下这种单例是需要用到的时候 才去New一个对象 平时开发里 不是这样写

 var xiaowang = (function(argument){

         var xiaowangjia = function(message){

             //建门

             this.menling = message;

         }

         var men;

     var info = {

         //info是包含对外的东西

         sendMessage:function(message){

             //这是info里面其中一个方法，接受信息

             if (!men) {

                 men = new xiaowangjia(message);

             };

             return men;

         }

     };

     return info;

 })();

 var xiaoli = {

     callXiaowang:function(mes){

         //小王家有一个送消息的方法

         var _xw=xiaowang.sendMessage(mes);

         alert(_xw.menling);

         //xiaowang采用闭包 ;此时xiaowang.sendMessage(message)已经被回收了 相当于_xw = null

         _xw = null;//加不加这句话都没事，因为效果都一样，不加也是自动被垃圾回收机制回收掉

     }

 }

 xiaoli.callXiaowang('didi');

 </script>

 <script>

     //页面有6个按钮 a b c d e f

         // a b c => top

         // d e f =>bannerbta

         var top = {

             init:function(){

                 //

                 this.render();

                 this.bind();

             },

             //要传递的a

             a:4,

             render:function(){

                 //放所有dom元素

                 var me = this;

                 me.btna = $('#a');

             },

             bind:function(){

                 //绑定事件

                 var me = this;

                 me.btna.click(function(){

                     //业务逻辑取出去

                     me.test(); //此时不能this.test（）； 因为此时的this指的是 按钮

                 })

             },

             test:function(){

                 a= 5;

             }

         }

         var banner = {

             init:function(){

                 //初始化

                 this.render();

                 this.bind();

             },

             a:4,

             render:function(){

                 //放所有dom元素 既是绑定dom元素

                 var me = this;

                 me.btna = $('#d');

             },

             bind:function(){

                 //绑定事件

                 var me = this;

                 me.btna.click(function(){

                     //业务逻辑取出去

                     me.test(); //此时不能this.test（）； 因为此时的this指的是 按钮

                 })

             },

             test:function(){

                 //当点击的时候

                 top.a = 6;

             }

         }

         top.init();

         banner.init();

 </script>

 </body>

 </html>

js之 单例模式的更多相关文章

  1. JS实现单例模式的多种方案

    JS实现单例模式的多种方案 今天在复习设计模式中的-创建型模式,发现JS实现单例模式的方案有很多种,稍加总结了一下,列出了如下的6种方式与大家分享 大体上将内容分为了ES5(Function)与ES6 ...

  2. JS的单例模式

    维基百科对单例模式的介绍如下: 在应用单例模式时,生成单例的类必须保证只有一个实例的存在,很多时候整个系统只需要拥有一个全局对象,才有利于协调系统整体的行为.比如在整个系统的配置文件中,配置数据有一个 ...

  3. 2.js模式-单例模式

    1. 单例模式 单例模式的核心是确保只有一个实例,并提供全局访问. function xx(name){}; Singleton.getInstance = (function(){ var inst ...

  4. js设计模式-单例模式

      JavaScript中的单例模式是最常用的.最基本的设计模式,它提供了一种命名空间,减少全局变量泛滥的代码管理机制: 1.最常见的单例模式: [javascript] view plain cop ...

  5. js之单例模式

    单例模式是指一个类,只有一个实例.实现的思路是,创建实例时候加判断,如果有实例则返回,如果没有就new一个,并返回. 第一步: 创建类. function Waiter(id, name, salar ...

  6. JS设计模式——单例模式剖析

    转载于原文地址:https://blog.csdn.net/q1056843325/article/details/52933426 举一个通俗的例子,在页面中点击登录按钮,弹出了一个登录浮窗,这个登 ...

  7. [js]js设计模式-单例模式

    单例模式 不同模块之间需要同时开发, // 单例模式: 把描述同一个事物的属性和方法放在同一个内存空间下. // 优点: 分组,防止冲突 // p1 p2也叫做命名空间(模块开发) var p1 = ...

  8. js 设计模式——单例模式

    单例模式 保证一个类仅有一个实例,并提供一个访问它的全局访问点. 单例模式是一种常用的模式,有一些对象我们往往只需要一个,比如线程池.全局缓存.浏览器中的 window 对象等. JavaScript ...

  9. [转]JS设计模式-单例模式(二)

    单例模式是指保证一个类仅有一个实例,并提供一个访问它的全局访问点. 单例模式是一种常用的模式,有一些对象往往只需要一个,比如线程池.全局缓存.浏览器中的window对象等.在javaScript开发中 ...

随机推荐

  1. MySQL查询缓存总结

    可以通过下面的SQL查看当前查询缓存相关参数状态: show variables like '%query_cache%'; 1)  query_cache_type 查询缓存类型: 0 表示始终不适 ...

  2. Java中的各种bean对应的意义(VO,PO,BO,QO, DAO,POJO,DTO)

    VO(value object) 值对象 通常用于业务层之间的数据传递,用 new 关键字创建,由 GC 回收的,和 PO 一样也是仅仅包含数据而已.但应是抽象出的业务对象 , 可以和表对应 , 也可 ...

  3. OO随笔

    第一次作业——多项式计算 1.自我程序分析 第一次作业是多项式计算,只使用了一个多项式类.第一次接触面向对象的程序,还比较生疏,不是很能理解面向对象的思想.将读入,处理,计算,都放到了main函数中, ...

  4. CF Manthan, Codefest 16 B. A Trivial Problem

    数学技巧真有趣,看出规律就很简单了 wa 题意:给出数k  输出所有阶乘尾数有k个0的数 这题来来回回看了两三遍, 想的方法总觉得会T 后来想想  阶乘 emmm  1*2*3*4*5*6*7*8*9 ...

  5. pycharm运行Django项目，提示UnicodeDecodeError: 'gbk' codec can't decode byte 0xa6

    确认pycharm编码都是utf-8的情况下,需要修改项目中settings.py 'DIRS': [ ],默认是空,将路径加入即可解决. TEMPLATES = [ { 'BACKEND': 'dj ...

  6. ECharts前端图形展示

    这次负责慢查询预警,前后端都是自己处理,这次遇到了前端作图的需求,做一个记录以便后续使用: 使用的作图方式是ECharts,相应的example官方有相应的文档和使用方法,比较简单,一下只贴链接: h ...

  7. 使用logstash同步mysql数据到elasticsearch

    下载 logstash tar -zxvf https://artifacts.elastic.co/downloads/logstash/logstash-6.3.2.tar.gz .tar.gz ...

  8. 生成SQL Server数据字典

    1.表信息 Select * FROM INFORMATION_SCHEMA.COLUMNS order by Table_name; select * from INFORMATION_SCHEMA ...

  9. python--多线程多进程

    一.进程 对于操作系统来说,一个任务就是一个进程(Process),比如打开一个浏览器就是启动一个浏览器进程,打开一个记事本就启动了一个记事本进程,打开两个记事本就启动了两个记事本进程.进程是很多资源 ...

  10. IIS环境配置和项目部署

    本人实际工作项目中IIS部署,亲测可用~~ 具体步骤: 1.打开控制面板 2.打开程序和功能 3.打开或关闭Windous功能 然后勾选相关内容: 4.添加应用程序 先打开iis管理器页面(控制面板— ...