JavaScript常用小技巧小結(jié)

更新時(shí)間：2014年12月29日 11:28:48 投稿：hebedich

這篇文章主要介紹了JavaScript常用小技巧小結(jié),需要的朋友可以參考下

前言

總結(jié)一下最近接觸到的JavaScript語法糖，與大家共享。

每塊糖都有詳細(xì)的說明和示例，就不多說了。

準(zhǔn)確的類型檢查

復(fù)制代碼代碼如下:

 /*

 * @function:

 *   類型檢查示例

 *   通過此方法，可以檢查某個(gè)變量是否為期望的數(shù)據(jù)類型

 * @params:

 *   obj 需要檢查的變量，必選

 *   config 數(shù)據(jù)類型白名單，可選，默認(rèn)為全部類型

 * @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));

 }

優(yōu)雅的添加原型方法

復(fù)制代碼代碼如下:

 /*

 * @description:

 *   優(yōu)雅的添加原型方法

 *   在公共作用域執(zhí)行此代碼片段即可

 */

 if(typeof Function.prototype.method !== "function") {

   Function.prototype.method = function(name,fn){

     this.prototype[name] = fn;

     return this;

   };

 }

 /*

 * 使用示例

 */

 //定義一個(gè)“測(cè)試類”

 function testFn(){

 }

 //添加測(cè)試類的成員方法

 testFn.method("add",function(a,b){

   return a + b;

 }).method("sub",function(a,b){

   return a - b;

 });

 //實(shí)例化

 var testObj = new testFn();

 //調(diào)用成員方法

 testObj.add(1,5);  //return 6

 testObj.sub(7,2);  //return 5

快捷創(chuàng)建命名空間

復(fù)制代碼代碼如下:

 /*

 * @function:

 *   創(chuàng)建命名空間

 * @params:

 *   ex 命名空間表達(dá)式，例如：NSROOT.service.impl

 *   此表達(dá)式必須從根節(jié)點(diǎn)開始寫起

 * @return:

 *   返回Object，此Object是表達(dá)式的最后一個(gè)節(jié)點(diǎn)

 * @others:

 *   如果您不喜歡NSROOT這個(gè)命名，簡單的查找替換即可

 */

 var NSROOT = NSROOT || {};

 NSROOT.namespace = function(ex){

   var _ex = ex || "",

       nsArray = _ex.split("."),

       parentNode = NSROOT,

       _s = "",

       i = 0;

   //判斷命名空間是否從根節(jié)點(diǎn)開始

   if(nsArray[0] !== "NSROOT"){

     throw("命名空間必須從根節(jié)點(diǎn)開始！");

   }

   //去掉root節(jié)點(diǎn)

   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;

 };

 /*

 * 使用示例

 */

 //創(chuàng)建新的命名空間

 var impl = NSROOT.namespace("NSROOT.service.impl");

 alert(impl === NSROOT.service.impl);  //return true

 //創(chuàng)建已有的命名空間，不覆蓋原來的數(shù)據(jù)

 NSROOT.namespace("NSROOT.service.impl");

 alert(impl === NSROOT.service.impl);  //return true