JavaScript常用小技巧小結_javascript技巧

前言

     總結最近接觸到的JavaScript語法糖，與大家分享。

     每塊糖都有詳細的說明和範例，就不多說了。

準確的類型檢查

複製程式碼 程式碼如下:

 /*
 * @function:
 *   類型檢查範例
 *   透過此方法，可以檢查某個變數是否為期望的資料型別
 * @params:
 *   obj 需要檢查的變量，必選
 *   config 資料類型白名單，可選，預設為全部類型
 * @return:
 *   true 表示檢查通過，false 未通過
 * @examples:
 *   typeCheck("str"); //return true
 *   typeCheck({},{"[object Array]": 1}); //return false
 */
 function typeCheck(obj,config){
   var hasOp = Object.prototype.hasOwnProperty,
       toStr = Object.prototype.toString,
       _config = config || {
         "[object Object]": 1,
         "[object Array]": 1,
         "[object Regex]": 1,
         "[object String]": 1,
         "[object Number]": 1,
         "[object Boolean]": 1,
         "[object Function]": 1,
         "[object Undefined]": 1,
         "[object Null]": 1
       };
  
   return hasOp.call(_config,toStr.call(obj));
 }

 優雅的添加原型方法

複製程式碼 程式碼如下:

 /*
 * @description:
 *   優雅的添加原型方法
 *   在公共作用域執行此程式碼片段即可
 */
 if(typeof Function.prototype.method !== "function") {
   Function.prototype.method = function(name,fn){
     this.prototype[name] = fn;
     return this;
   };
 }
 /*
 * 使用範例
 */
 //定義一個「測試類別」
 function testFn(){
 }
 //新增測試類別的成員方法
 testFn.method("add",function(a,b){
   return a b;
 }).method("sub",function(a,b){
   return a - b;
 });
 //實例化
 var testObj = new testFn();
 //呼叫成員方法
 testObj.add(1,5);  //return 6
 testObj.sub(7,2);  //return 5

 快速建立命名空間

複製程式碼 程式碼如下:

 /*
 * @function:
 *   建立命名空間
 * @params:
 *   ex 命名空間表達式，例如：NSROOT.service.impl
 *   此表達式必須從根節點開始寫起
 * @return:
 *   回傳Object，此Object是表達式的最後一個節點
 * @others:
 *   若您不喜歡NSROOT這個命名，簡單的查找替換即可
 */
 var NSROOT = NSROOT || {};
 NSROOT.namespace = function(ex){
   var _ex = ex || "",
       nsArray = _ex.split("."),
       parentNode = NSROOT,
       _s = "",
       i = 0;
   //判斷命名空間是否從根節點開始
   if(nsArray[0] !== "NSROOT"){
     throw("命名空間必須從根節點開始！");
   }
   //去掉root節點
   nsArray = nsArray.slice(1);
   for(i = 0;i      _s = nsArray[i];
     if(parentNode[_s] === undefined){
       parentNode[_s] = {};
     }
     parentNode = parentNode[_s];
   }
   return parentNode;
 };
 /*
 * 使用範例
 */
 //創造新的命名空間
 var impl = NSROOT.namespace("NSROOT.service.impl");
 alert(impl === NSROOT.service.impl);  //return true
 //創建現有的命名空間，不覆蓋原來的資料
 NSROOT.namespace("NSROOT.service.impl");
 alert(impl === NSROOT.service.impl);  //return true