JavaScript常用小技巧小結(jié)
更新時間:2014年12月29日 11:28:48 投稿:hebedich
這篇文章主要介紹了JavaScript常用小技巧小結(jié),需要的朋友可以參考下
前言
總結(jié)一下最近接觸到的JavaScript語法糖,與大家共享。
每塊糖都有詳細的說明和示例,就不多說了。
準確的類型檢查
復(fù)制代碼 代碼如下:
/*
* @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)雅的添加原型方法
復(fù)制代碼 代碼如下:
/*
* @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)建命名空間
復(fù)制代碼 代碼如下:
/*
* @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
相關(guān)文章
JS localStorage實現(xiàn)本地緩存的方法
JS localStorage實現(xiàn)本地緩存的方法,需要的朋友可以參考一下2013-06-06細說JavaScript中的this指向與綁定規(guī)則
本文主要詳細介紹了JavaScript中的this指向與綁定規(guī)則,默認綁定,隱式綁定,顯示綁定,new綁定這四個規(guī)則,文中有相關(guān)的代碼示例供大家參考,感興趣的同學(xué)可以閱讀下2023-05-05每天一篇javascript學(xué)習(xí)小結(jié)(Function對象)
這篇文章主要介紹了javascript中的Function對象知識點,對Function對象的基本使用方法,以及各種方法進行整理,感興趣的小伙伴們可以參考一下2015-11-11next.js?getServerSideProps源碼解析
這篇文章主要為大家介紹了next.js?getServerSideProps源碼解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-10-10小程序?qū)崿F(xiàn)搜索界面 小程序?qū)崿F(xiàn)推薦搜索列表效果
這篇文章主要為大家詳細介紹了小程序?qū)崿F(xiàn)搜索界面,小程序?qū)崿F(xiàn)推薦搜索列表效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-05-05