JS 單例模式之URL 篇

女爷i 2022-05-15 08:14 131阅读 0赞

//Url解析的單例模式
        JSHelper.Url = function () {
            this.params = {};//單例存儲對象
        }
        //頁面加載時解析一次
        JSHelper.Url.InitParams = function (_url) {
            if (this.params) {
                return this.params;
            }
            if (!this.params) {
                this.call(this);//this指向JSHelper.Url,當JSHelper.Url沒有執行時this.params未定義
            }
            //解析
            var _tempArgs = _url.split("?");
            if (_tempArgs[0] != _url)//有參數
            {
                var _tempStr = _tempArgs[1];//參數部份
                _tempArgs = _tempStr.split("&");
                for (var i = 0, len = _tempArgs.length; i < len; i++) {
                    _tempStr = _tempArgs[i];
                    var _tempParams = _tempStr.split("=");
                    if (_tempParams.length <= 1) continue;//參數異常
                    this.params[_tempParams[0]] = _tempParams[1].replace("#", "");
                }
            }
            return this.params;
        }
        //獲取參數的值,無設定返回默認值
        JSHelper.Url.GetParams = function (_paramName,_defaultValue) {
            if (this.params[_paramName]) {
                return this.params[_paramName];
            }
            else {
                return _defaultValue;//返回默認值
            }
        }
    
    
    //使用頁面
    JSHelper.Url.InitParams(window.location.href);//解析參數 單例模式解析
    
    //使用時獲取參數值
    var MailID = JSHelper.Url.GetParams("mail_guid", "");

发表评论取消回复

表情：

评论列表（有 0 条评论，131人围观）

还没有评论，来说两句吧...

相关阅读

相关设计模式篇(Java)：单例模式

> [上一篇：设计模式篇(Java)：前言(UML类图、七大原则)][Java_UML] 四、单例模式所谓类的单例设计模式，就是采取一定的方法保证在整个的软件系统中，

清疚/ 2023年10月12日 21:07/ 0 赞/ 30 阅读

相关 js实现单例模式

单例模式：保证一个类只有一个实例，一般先判断实例是否存在，如果存在直接返回，不存在则先创建再返回，这样就可以保证一个类只有一个实例对象。作用：（1）、保证某个类的对象的

墨蓝/ 2023年07月10日 08:08/ 0 赞/ 22 阅读

相关 springcloud之eureka初识篇-单例模式

单例模式下，eureka的注册中心只有一个。创建eurekaServer 1、添加maven依赖 <dependency> <groupId>o

男娘i/ 2023年07月09日 13:25/ 0 赞/ 127 阅读

相关 js单例模式

单例要求一个类有且只有一个实例最简单的单例 var singleton = { attr : 1, metho

妖狐艹你老母/ 2023年06月16日 08:20/ 0 赞/ 19 阅读

相关设计模式篇二（单例模式）

1、什么是单例模式：确保一个类仅有一个唯一的实例，并且提供一个全局的访问点。 2、环境及问题： ![这里写图片描述][20151230235441261]

我不是女神ヾ/ 2022年08月19日 01:54/ 0 赞/ 194 阅读

相关单例模式讨论篇：单例模式与垃圾回收

讨论命题：当一个单例的对象长久不用时，会不会被jvm的垃圾收集机制回收。首先说一下为什么会产生这一疑问，笔者本人再此之前从来没有考虑过垃圾回收对单例模式的影

迷南。/ 2022年06月01日 11:56/ 0 赞/ 201 阅读

相关 js单例模式

基本的实现思路单例模式要求类能够有返回对象一个引用(永远是同一个)和一个获得该实例的方法（必须是静态方法，通常使用getInstance这个名称）。单例的实现主要是

今天药忘吃喽~/ 2022年05月16日 15:56/ 0 赞/ 137 阅读

相关 JS 單例模式之URL 篇

//Url解析的單例模式 JSHelper.Url = function () { this.params = {};//

女爷i/ 2022年05月15日 08:14/ 0 赞/ 132 阅读

相关 JS设计模式之单例模式

单例模式： //保证一个类仅有一个实例，并且提供一个访问它的全局访问点。 //如果实例不存在，则生成一个实例，如果实例存在，则返回这个实例 var si

Bertha 。/ 2022年03月20日 08:07/ 0 赞/ 187 阅读

相关 JS设计模式之----单例模式

设计模式，常见的模式有单例模式，代理模式等，设计模式的合理运用不仅使代码结构更加清晰，也便于后期的维护与重构。然而在日常的学习中，我们却在不经意间使用了单例模式，but总是容易

浅浅的花香味﹌/ 2021年12月21日 01:39/ 0 赞/ 227 阅读