js单例模式的两种方案

 更新时间:2013年10月22日 15:58:14   作者:  
这篇文章介绍了js单例模式的两种方案,有需要的朋友可以参考一下

方案一:利用闭包的两个作用,可以变通地读到内部的变量,二是可以让这些变量始终在内存中。

复制代码 代码如下:

//方案一
    var SingletonTester = (function () {
        //单例方法
        function Singleton(args) {
            var args = args || {};
            this.name = 'SingletonTester'; //方法对外的属性,另外一种方式就是返回对象
            this.pointX = args.pointX || 6;
            this.pointY = args.pointY || 10;
        }

        //单例实例
        var instance;

        //返回对象
        return {
            name: 'SingletonTester',

            getInstance: function (args) {
                if (instance === undefined) {
                    instance = new Singleton(args);
                }
                return instance;
            }
        };
    })(); //直接执行该方法

    //测试
    var test = SingletonTester.getInstance({ pointX: 5 });
    console.log(test.pointX);

方案二: 

复制代码 代码如下:

//方案二
  function Universe() {
      // 判断是否存在实例
      if (typeof Universe.instance === 'object') {
          return Universe.instance;
      }

      // 其它内容
      this.start_time = 0;
      this.bang = "Big";

      // 缓存
      Universe.instance = this;

      // 隐式返回this
  }

  // 测试
  var uni = new Universe();
  var uni2 = new Universe();
  console.log(uni === uni2); // true

相关文章

  • javascript中错误使用var造成undefined

    javascript中错误使用var造成undefined

    这篇文章主要介绍了javascript中错误使用var造成undefined的原因,实例分析了错误使用var造成undefined的过程,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • ant-design-pro 的EditableProTable表格验证调用的实现代码

    ant-design-pro 的EditableProTable表格验证调用的实现代码

    这篇文章主要介绍了ant-design-pro 的EditableProTable表格验证调用,这里的需求是点击外部的保存要对整个表单进行验证,本文通过实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2022-06-06
  • javascript实现的简单计时器

    javascript实现的简单计时器

    计时器提供了一 个可以将代码片段异步延时执行的能力,javascript生来是单线程的(在一定时间范围内仅一部分js代码能运行),计时器为我们提供了一种避开这种 限制的方法,从而开辟了另一条执行代码的蹊径。
    2015-07-07
  • 使用Promise封装小程序wx.request的实现方法

    使用Promise封装小程序wx.request的实现方法

    这篇文章主要介绍了使用Promise封装小程序wx.request的实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-11-11
  • javascript中数组与对象的使用方法区别

    javascript中数组与对象的使用方法区别

    数组(array)是按次序排列的一组值。JS其实没有真正的数组,只是用对象模拟数组。本质上,数组属于一种特殊的对象。typeof运算符会返回数组的类型是object。在javascript中,数组又可以认为是索引数组,即可以用整数来进行索引。数组和对象在这种情况下非常接近。
    2022-12-12
  • Bootstrap树形菜单插件TreeView.js使用方法详解

    Bootstrap树形菜单插件TreeView.js使用方法详解

    这篇文章主要为大家详细介绍了Bootstrap树形菜单插件TreeView.js使用方法,一款非常酷的基于bootstrap的jQuery多级列表树插件,具有一定的实用性,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • js几秒以后倒计时跳转示例

    js几秒以后倒计时跳转示例

    使用js实现几秒以后倒计时跳转,这个在某些特殊情况下还是比较实用的,下面为大家介绍下具体的实现步骤,感兴趣的朋友不要错过
    2013-12-12
  • JS中style.display和style.visibility的区别实例说明

    JS中style.display和style.visibility的区别实例说明

    下面的例子说明了这种区别:在这个例子中,divContent1和divContent2隐藏的时候用的是style.display=none,这时候,后面的div会向上移动,占据已经隐藏的div的空间。divContent3和divContent4用的是style.visibility=hidden来隐藏,但是其隐藏后仍然占据原来的空间
    2013-03-03
  • JS实现淘宝支付宝网站的控制台菜单效果

    JS实现淘宝支付宝网站的控制台菜单效果

    这篇文章主要介绍了JS实现淘宝支付宝网站的控制台菜单效果,涉及JavaScript基于时间函数及数学运算控制页面动画弹出菜单效果的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • javascript oop开发滑动(slide)菜单控件

    javascript oop开发滑动(slide)菜单控件

    这里因为是演示所以让HTML CSS尽量的简化,另外使用jquery的 fn.slideUp fn.slideDown 实现起来会更容易不过我作为一个专业的开发者多了解些原生的JS对技术的提高还是很有帮助。
    2010-08-08

最新评论