在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'; });