JavaScript常用小技巧小結

2019-11-20 13:34:03

字體：大中小

來源：轉載

供稿：網友

前言

總結一下最近接觸到的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<nsArray.length;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