前言
總結一下最近接觸到的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