Js造輪子，基礎篇

標籤：and   1.2   sel   function   ring   else   res   key   ati   

　　在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中的datatool.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;}//封裝的一個簡單實用的ajaxtool.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‘;            });

　　

Js造輪子，基礎篇