js類型轉(zhuǎn)換中typeof會將null也識別為object, 而且返回的類型比少,我們用Object.prototype.toString來實(shí)現(xiàn)
第一版
function isArray(value){ return Object.prototype.toString.call(value) === "[object Array]";}function isFunction(value){ return Object.prototype.toString.call(value) === "[object Function]";}
但是這樣寫,一個(gè)個(gè)去判斷數(shù)組,函數(shù),對象的話很麻煩,比較過程化
第二版
我們想用type(obj)的方式返回對應(yīng)的類型字符串,因?yàn)閠ypeof是小寫,所以我們也返回小寫的標(biāo)準(zhǔn)
function type(obj){ // -1 代表截止到倒數(shù)一位 return Object.prototype.toString.call(obj).slice(8,-1).toLowerCase()}type([]) // "array"
但是這樣每次都需要對判斷的類型進(jìn)行slice和toLowerCase也是比較耗性能的, 而且判斷類型只有幾種,所以我們可以用對象提前將可能的結(jié)果緩存起來
第三版
//將types放外面 而不是放在type函數(shù)里面, 利用閉包,優(yōu)化性能,不用每次判斷都聲明一次typessvar types = { '[object Function]': 'function', '[object Number]': 'number', ...}function type(obj) { var str = Object.prototype.toString.call(obj) return types[str]}
當(dāng)然上面的types我們還可以這樣優(yōu)化
// 參考自jquery源碼var types = {}當(dāng)然也可以直接用數(shù)組存儲"Boolean Number String Function Array Date RegExp Object Error".split(" ").forEach(function(e,i){ types [ "[object " + e + "]" ] = e.toLowerCase();}) ;
判斷window對象
利用window對象的window屬性等于自身
function isWindow( obj ) { // obj !== undefined 是為了防止沒傳參數(shù)的時(shí)候后面報(bào)錯(cuò) // Uncaught TypeError: Cannot read property 'window' of undefined的錯(cuò)誤 return obj !== undefined && obj === obj.window;}
判斷是不是dom元素
isElement = function(obj) { return !!(obj && obj.nodeType === 1);}
新聞熱點(diǎn)
疑難解答