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è)“測試類”
function testFn(){
}
//添加測試類的成員方法
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
相關(guān)文章
JS localStorage實(shí)現(xiàn)本地緩存的方法
JS localStorage實(shí)現(xiàn)本地緩存的方法,需要的朋友可以參考一下2013-06-06細(xì)說JavaScript中的this指向與綁定規(guī)則
本文主要詳細(xì)介紹了JavaScript中的this指向與綁定規(guī)則,默認(rèn)綁定,隱式綁定,顯示綁定,new綁定這四個(gè)規(guī)則,文中有相關(guān)的代碼示例供大家參考,感興趣的同學(xué)可以閱讀下2023-05-05每天一篇javascript學(xué)習(xí)小結(jié)(Function對象)
這篇文章主要介紹了javascript中的Function對象知識點(diǎn),對Function對象的基本使用方法,以及各種方法進(jìn)行整理,感興趣的小伙伴們可以參考一下2015-11-11next.js?getServerSideProps源碼解析
這篇文章主要為大家介紹了next.js?getServerSideProps源碼解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-10-10小程序?qū)崿F(xiàn)搜索界面 小程序?qū)崿F(xiàn)推薦搜索列表效果
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)搜索界面,小程序?qū)崿F(xiàn)推薦搜索列表效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-05-05