<!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. 8、Dockerfile详解

    除了init之外,每一个进程都应该是其他进程的子进程(init是内核启动的),当手动启动nginx时,那么这个nginx就以shell子进程存在.当打开一个命令行提示符时,这个就相当于在运行一个she ...

  2. js 整理

    类型 1.js 中的数据类型,解释清楚原始数据类型和引用数据类型 js中共有null, underfined, string, number, boolean, object 六种数据类型 原始数据类 ...

  3. P1582 倒水

    传送门 思路: 类似于 袁绍的刁难 , 一道二进制的模拟题. 先将:将原先的瓶子数 n 转换成二进制,二进制中 1 的个数就是合并后剩下的瓶子个数 . 主要利用树状数组的 lowbit 函数: inl ...

  4. 在webstorm中配置sass的自动编译，并且可以指定编译后的css的目录.

    参考: WebStorm-2018.2-Help-Sass, Less, and SCSS 作者:tobyDing链接:https://www.jianshu.com/p/0fe52f149cab來源 ...

  5. 常看本地是否安装Git和maven工具

    打开cmd命令行工具: 查看git where git C:\Users\jasqia>where gitC:\Program Files\Git\cmd\git.exe 安装maven后需要到 ...

  6. 【架构设计】Android：配置式金字塔架构

    最近做一个项目,在项目搭建之前,花了些许时间去思考一下如何搭建一个合适的架构.一开始的构思是希望能合理的把应用的各部分进行分离,使其像金字塔一样从上往下,下层为上层提供功能. 在平常项目中,总是有很多 ...

  7. MySQL的随机数函数rand()的使用技巧

    咱们学php的都知道,随机函数rand或mt_rand,可以传入一个参数,产生0到参数之间的随机整数,也可以传入两个参数,产生这两个参数之间的随机整数. 而在mysql里,随机数函数rand不能传参, ...

  8. regression | p-value | Simple (bivariate) linear model | 线性回归 | 多重检验 | FDR | BH | R代码

    P122, 这是IQR method课的第一次作业,需要统计检验,x和y是否显著的有线性关系. Assignment 1 1) Find a small bivariate dataset (pref ...

  9. Javabean介绍

    1.javabean简介 JavaBean 是一种JAVA语言写成的可重用组件.为写成JavaBean,类必须是具体的和公共的,并且具有无参数的构造器.JavaBean 通过提供符合一致性设计模式的公 ...

  10. [GXOI/GZOI2019]旅行者

    就我感觉这道题很神仙吗/kel 仔细想想应该也是一种适用范围挺广的做法. 考虑我们可以通过dijkstra在O(nlogn)求出一个点集到另外一个点集的最短路. 那么我们可以通过一些划分点集的方式使得 ...