js類型檢測(cè)

roadtogeek 發(fā)布于2019-08-19 17:43 / 2083人閱讀

摘要：在中我們通常使用來(lái)檢測(cè)變量的類型但是在一些復(fù)雜情況下就顯得力不從心了下面我們來(lái)說(shuō)說(shuō)和使用這三個(gè)進(jìn)行類型的檢測(cè)檢測(cè)中的基本類型還是可以的對(duì)于和就比較特殊了對(duì)于函數(shù)數(shù)組對(duì)于下面的檢測(cè)就比較混亂了該函數(shù)用來(lái)查看對(duì)象的構(gòu)造函數(shù)這里需要注意的是對(duì)于和

在javascript中我們通常使用typeof()來(lái)檢測(cè)變量的類型,但是在一些復(fù)雜情況下typeof()就顯得力不從心了,下面我們來(lái)說(shuō)說(shuō)typeof,constructor和toString,使用這三個(gè)進(jìn)行類型的檢測(cè).

typeof

typeof檢測(cè)js中的基本類型還是可以的.

var num = 1;
typeof(num) // number
var str = "hello";
typeof(str); // string
var bool = true;
typeof(bool); // boolean

對(duì)于undefined和null就比較特殊了,

typeof(undefined); // undefined
typeof(null); // object

對(duì)于函數(shù)、數(shù)組

function  a(){};
typeof(a); // function
var arr = [];
typeof(arr); // object

對(duì)于下面的檢測(cè)就比較混亂了:

typeof new Boolean(true) === "object";
typeof new Number(1) ==== "object";
typeof new String("abc") === "object";
typeof new Date() === "object";

constructor

該函數(shù)用來(lái)查看對(duì)象的構(gòu)造函數(shù)

var bool = true;
console.log(bool.constructor == Boolean);// true
var num = 1; 
console.log(num.constructor == Number); // true
var str = "hello";
console.log(str.constructor == String); // true

這里需要注意的是:
對(duì)于 undefined 和 null ,不能夠使用 construcor檢測(cè).

toString

使用toString檢測(cè),必須使用Object.prototype.toString(),
先來(lái)看看這個(gè)東東輸出什么鬼:

console.log(Object.prototype.toString()); // [object Object]

那么如何使用toString()來(lái)進(jìn)行檢測(cè)呢?這里使用 call()來(lái)改變this的指向,

var bool = true;
console.log(Object.prototype.toString.call(bool)); // [object Boolean]
var num = 1;
console.log(Object.prototype.toString.call(num)); // [object Number]
var str = "hello";
console.log(Object.prototype.toString.call(str)); // [object String]
var arr = [];
console.log(Object.prototype.toString.call(arr)); // [object Array]
var a = undefined;
console.log(Object.prototype.toString.call(a)); // [object Undefined]
var b = null;
console.log(Object.prototype.toString.call(b)); // [object Null]

可以看出使用Object.prototype.toString.call()來(lái)檢測(cè) 是比較完美的.推薦使用.

補(bǔ)充 instanceof

檢測(cè)某個(gè)實(shí)例是否在某個(gè)對(duì)象的原型鏈上原型鏈__proto__,

var c = [];
console.log(c instanceof Object); //true
var d = 123;  // 這些 普通類型 并不是對(duì)象
console.log(d instanceof Object); //false
var str = "hello"; //  不是對(duì)象
console.log(str instanceof Object); //false
var num = new Number(123);
console.log(num instanceof Object);