JavaScript常用小技巧小結
更新時間:2014年12月29日 11:28:48 投稿:hebedich
這篇文章主要介紹了JavaScript常用小技巧小結,需要的朋友可以參考下
前言
總結一下最近接觸到的JavaScript語法糖,與大家共享。
每塊糖都有詳細的說明和示例,就不多說了。
準確的類型檢查
復制代碼 代碼如下:
/*
* @function:
* 類型檢查示例
* 通過此方法,可以檢查某個變量是否為期望的數(shù)據(jù)類型
* @params:
* obj 需要檢查的變量,必選
* config 數(shù)據(jù)類型白名單,可選,默認為全部類型
* @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)雅的添加原型方法
復制代碼 代碼如下:
/*
* @description:
* 優(yōu)雅的添加原型方法
* 在公共作用域執(zhí)行此代碼片段即可
*/
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();
//調(diào)用成員方法
testObj.add(1,5); //return 6
testObj.sub(7,2); //return 5
快捷創(chuàng)建命名空間
復制代碼 代碼如下:
/*
* @function:
* 創(chuàng)建命名空間
* @params:
* ex 命名空間表達式,例如:NSROOT.service.impl
* 此表達式必須從根節(jié)點開始寫起
* @return:
* 返回Object,此Object是表達式的最后一個節(jié)點
* @others:
* 如果您不喜歡NSROOT這個命名,簡單的查找替換即可
*/
var NSROOT = NSROOT || {};
NSROOT.namespace = function(ex){
var _ex = ex || "",
nsArray = _ex.split("."),
parentNode = NSROOT,
_s = "",
i = 0;
//判斷命名空間是否從根節(jié)點開始
if(nsArray[0] !== "NSROOT"){
throw("命名空間必須從根節(jié)點開始!");
}
//去掉root節(jié)點
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
相關文章
js中addEventListener()與removeEventListener()用法案例分析
這篇文章主要介紹了js中addEventListener()與removeEventListener()用法,結合實例形式分析了js中addEventListener()與removeEventListener()基本功能、用法與操作注意事項,需要的朋友可以參考下2020-03-03
JavaScript實現(xiàn)跑馬燈抽獎活動實例代碼解析與優(yōu)化(二)
這篇文章主要介紹了JavaScript實現(xiàn)跑馬燈抽獎活動實例代碼解析與優(yōu)化(二)的相關資料,需要的朋友可以參考下2016-02-02
關于Javascript加載執(zhí)行優(yōu)化的研究報告
這篇文章主要介紹了關于Javascript加載執(zhí)行優(yōu)化的研究報告,需要的朋友可以參考下2014-12-12
js(JavaScript)實現(xiàn)TAB標簽切換效果的簡單實例
本篇文章主要是對js(JavaScript)實現(xiàn)TAB標簽切換效果的簡單實例進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-02-02
JavaScript判斷輸入值是否為正整數(shù)(判斷變量為數(shù)字)
在項目開發(fā)中,有時候需要使用JavaScript驗證用戶輸入的是否為正整數(shù),這篇文章主要給大家介紹了關于JavaScript判斷輸入值是否為正整數(shù)(判斷變量為數(shù)字)的相關資料,需要的朋友可以參考下,2023-11-11

