Js造輪子,基礎篇


  在js中,只要不是在函數內部聲明的函數都是全局變量了,如果代碼量大的情況全局變量的污染是非常可怕的,所以需要造輪子聲明自己的變量和自己的全局變量和函數方法

一,聲明一個對象

  先簡單的聲明一個對象tool={},這樣就可以了,這樣一個簡單的全局對象就弄好了

二,聲明方法和變量

  這時候定義方法和變量就可以這樣了

 1 window.tool = {}
 2 window.tool.cip = localStorage.cip;
 3 
 4 //url
 5 tool.urlHeader = 'http://192.168.1.56:9092/';
 6 
 7 tool.urlHeader2 = 'http://192.168.1.239:9095/';
 8 
 9 tool.keyDownEnter = function (text, clickBtn) {
10     $(text).on("keydown", function(e) {
11         if(e.keyCode == 13) {
12             $(clickBtn).click();
13         }
14     })
15 }

  這樣定義出來的方法和都不是全局的哦,不會在隨手打代碼的時候引用出來,這樣可以有效的防止全局變量的污染

三,目前我封裝的一些有用的方法和實例

  

//獲取uri中的data
tool.getQueryString = function (name) {
	var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
	var r = window.location.search.substr(1).match(reg);
	if(r != null) return unescape(r[2]);
	return null;
}

//獲取回車鍵並單擊按鈕
tool.keyDownEnter = function (text, clickBtn) {
	$(text).on("keydown", function(e) {
		if(e.keyCode == 13) {
			$(clickBtn).click();
		}
	})
}
//判斷值是否在數組中存在過
tool.arrayIndexOf=function(arr,sel){
	for (var f1 in arr) {
		if (arr[f1].indexOf(sel) > -1) {
			return true;
		}
	}
	return false;
}
//封裝的一個簡單實用的ajax
tool.Ajax = function(type, url, funcS, header, data, async,beforeSend) {
	tool.setInfo();
	if(type == 'get')
		$.ajax({
			type: "get",
			dataType: "json",
			contentType: 'application/json',
			url: url,
			headers: header == null ? tool.headers : header,
			success: funcS,
			error: function(data) {
				console.log(data);
				console.log(localStorage.us)
			},
			beforeSend:beforeSend,
			async: async == null ? true : async
		});
	else
		$.ajax({
			type: "post",
			dataType: "json",
			contentType: 'application/json',
			url: url,
			data: data,
			beforeSend:beforeSend,
			headers: header == null ? tool.headers : header,
			success: funcS,
			error: function(data) {
				console.log(data)
				console.log(localStorage.us)
			},
			async: async == null ? true : async
		});
}
//用min和max產生隨機數,round是取整
tool.getRandom=function(min,max,round){
	if(round){
		return Math.round(Math.random()*(max-min))+min;
	}else{
		return (Math.random()*(max-min))+min;
	}
}
//讓class=double的文本框只允許輸入數字和小數點
$(".double").bind("keypress", function(event) {  
    	var event= event || window.event;  
    	var getValue = $(this).val();  
	    //控制第一個不能輸入小數點"."  
	    if (getValue.length == 0 && event.which == 46) {
	        event.preventDefault();  
	        return;  
	    }
	    //控制只能輸入一個小數點"."  
	    if (getValue.indexOf('.') != -1 && event.which == 46) {  
	        event.preventDefault();
	        return;  
	    }
    	//控制只能輸入的值  
    	if (event.which && (event.which < 48 || event.which > 57) && event.which != 8 && event.which != 46) {  
        	event.preventDefault();  
         	return;  
        }  
    })
    //失去焦點是觸發  
    $(".double").bind("blur", function(event) {  
	    var value = $(this).val(), reg = /\.$/;  
	    if (reg.test(value)) {  
	    value = value.replace(reg, "");  
	    $(this).val(value);
	    
	    }  
	})
//讓class=number的文本框只能輸入數字
    $(".number").keypress(function(event) { 
            var keyCode = event.which; 
            if (keyCode >= 48 && keyCode <=57) 
                return true; 
            else 
                return false; 
        }).focus(function() { 
            this.style.imeMode='disabled';            
	});

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM