JS 單例模式之URL 篇

女爷i 2022-05-15 08:14 104阅读 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 条评论，104人围观）

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

相关阅读

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

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

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

相关设计模式之单例模式

单例模式什么是单例模式原理图为什么要使用单例模式还有不同方式实现麒麟9999的独一份吗？

柔情只为你懂/ 2022年08月30日 01:49/ 0 赞/ 414 阅读

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

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

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

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

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

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

相关 js单例模式

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

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

相关 JS 單例模式之URL 篇

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

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

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

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

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

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

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

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

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

> 设计模式： > > 前辈们对代码开发经验的总结，是解决特定问题的一系列套路。它不是语法规定。而是一套用来提高代码可复用性、可维护性、可读性、稳健性、以及安全性的解决方案

浅浅的花香味﹌/ 2021年09月21日 15:56/ 0 赞/ 377 阅读

相关设计模式之单例模式

什么是设计模式？设计模式（Design pattern）代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般...

朱雀/ 2020年10月28日 11:42/ 0 赞/ 777 阅读