js類型檢測

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

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

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

typeof

typeof檢測js中的基本類型還是可以的.

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

對于undefined和null就比較特殊了,

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

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

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

對于下面的檢測就比較混亂了:

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

constructor

該函數(shù)用來查看對象的構(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

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

toString

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

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

那么如何使用toString()來進(jìn)行檢測呢?這里使用 call()來改變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()來檢測是比較完美的.推薦使用.

補(bǔ)充 instanceof

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

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