个人常用js方法分享

向右看齐 2022-03-14 13:14 227阅读 0赞

最近写了很多h5项目，发现h5开发很多东西都是相同的，所以本人就将其中公用的方法罗列封装了，有需要用到的小伙伴可以借鉴，当然，如果有不够详尽或者有错误的地方，也希望大佬们多多指正。

首先，定义全局变量，老生常谈的封装问题。

(function(w){
      var tsMethod={};
      w.tsMethod = tsMethod;
    })(window)

我要做的就是将所有的公共方法全部拓展到我定义的这个tsMethod对象上，当然了，我这里总结的方法是本人在实践项目内总结的，可能涵盖面还比较局限，之后会不断更新的，还希望大佬们多多给意见，多多指导。

1、根据环境获取后台访问域名（区分是线上环境还是测试环境）

tsMethod.getHost = function(){//根据环境获取后台访问域名
    		if(window.location.href.indexOf("localhost")>-1 || window.location.href.indexOf("127.0.0.1")>-1  ||  window.location.href.indexOf("192.168")>-1){
    			return "测试环境访问接口"
    		}
    
    		if(window.location.href.indexOf("www.???")>-1){
    			return "线上环境访问接口"
    		}
    	}

2、获取公众号appID，这个appID会在很多地方（获取微信授权等）都会用到，所以独立出来真的很有必要

tsMethod.getAppid = function(){//获取公众号appID
    		return "你的appID"
    	}

3、获取主页链接（用于分享或者复制链接等）

tsMethod.webHost = function(){//获取主页链接
    		if(window.location.href.indexOf("localhost")>-1 || window.location.href.indexOf("127.0.0.1")>-1  ||  window.location.href.indexOf("192.168")>-1){
    			return  "测试"
    		}
    		if(window.location.href.indexOf("线上环境地址")>-1){
    			return "线上环境首页地址"
    		}
    	}

4、cookie方法的处理（为了防止与浏览器cookies冲突（重名等））

tsMethod.setCookie =function(c_name, value, expiredays){
     　　　　var exdate=new Date();
    　　　　exdate.setDate(exdate.getDate() + expiredays);
    　　　　document.cookie=c_name+ "=" + escape(value) + ((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
    }
    
    tsMethod.getCookie = function(name){
    	 var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
    	 if(arr=document.cookie.match(reg))
    	  return (arr[2]);
    	 else
    	  return null;
    }
    
    tsMethod.delCookie = function(name){
    		 var exp = new Date();
    		 exp.setTime(exp.getTime() - 1);
    		 var cval=tsMethod.getCookie(name);
    		 if(cval!=null)
    		  document.cookie= name + "="+cval+";expires="+exp.toGMTString();
    }

5、第三方路由参数值的获取（code和accessToken）

tsMethod.parseQueryString = function (url) { 
            var reg_url = /^[^\?]+\?([\w\W]+)$/,
                reg_para = /([^&=]+)=([\w\W]*?)(&|$)/g,
                arr_url = reg_url.exec(url),
                ret = {};
            if (arr_url && arr_url[1]) {
                var str_para = arr_url[1], result;
                while ((result = reg_para.exec(str_para)) != null) {
                    ret[result[1]] = result[2];
                }
            }
            return ret;
    }

6、设备检测（pc端／移动端（安卓／iOS））

tsMethod.IsPC = function() {//pc/移动端
    	    var userAgentInfo = window.navigator.userAgent;
    	    var Agents = ["Android", "iPhone",
    	                "SymbianOS", "Windows Phone",
    	                "iPad", "iPod"];
    	    var flag = true;
    	    for (var v = 0; v < Agents.length; v++) {
    	        if (userAgentInfo.indexOf(Agents[v]) > 0) {
    	            flag = false;
    	            break;
    	        }
    	    }
    	    return flag;
    }
    tsMethod.isIOS = function() {//安卓／iOS
            var isIphone = window.navigator.userAgent.toLowerCase().indexOf("iphone")>-1;
            var isIpad = window.navigator.userAgent.toLowerCase().indexOf("ipad")>-1;
            return isIphone || isIpad;
    }

7、时间格式处理（后端返回的时间格式可能与设置格式往往是有出入的，需要前端自己处理）处理变量私有化的核问题

tsMethod.changeTime = function(time,b){//时间转换
         var data= new Date(time.replace(/-/g, "/"))//这里可能还需要扩展iOS的方法，因为在iOS上某些格式的Date方法好像有问题
         var year = data.getFullYear();
         var month = data.getMonth() + 1;
         if(month<10){month="0"+month;}
         var day = data.getDate();
         if(day<10){day="0"+day;}
         var hour=data.getHours();
         if(hour<10){hour="0"+hour;}
         var minute=data.getMinutes();
         if(minute<10){ minute="0"+minute;}
         if(b==1){//显示到月日时分
           time=month+"月"+day+"日 "+hour+":"+minute
          }
         if(b==2){//显示年月日时分
           time=year+'年'+month+"月"+day+"日"+hour+":"+minute
         }
         if(b==3){//显示年月日
           time=year+'年'+month+"月"+day+"日"
         }
    	 return time;
    }

当然了，还有的方法我就不一一罗列了，感兴趣的朋友可以在我的Github上下载源码。

GitHub地址:[https://github.com/tanshaojuran/tsMetho][https_github.com_tanshaojuran_tsMetho]

[https_github.com_tanshaojuran_tsMetho]: https://github.com/tanshaojuran/tsMetho