JS類型判斷

yvonne 發(fā)布于2019-08-23 15:59 / 2769人閱讀

摘要：數(shù)據(jù)類型判斷有的時(shí)候需要判斷數(shù)據(jù)類型，應(yīng)對(duì)各種復(fù)雜的邏輯判斷，先來個(gè)咱們最常用的。操作符返回一個(gè)字符串，并表示該變量的類型。運(yùn)算符用于測(cè)試構(gòu)造函數(shù)的屬性是否出現(xiàn)在對(duì)象的原型鏈中的任何位置通俗點(diǎn)說就是一個(gè)變量是否某個(gè)對(duì)象的實(shí)例。

JS數(shù)據(jù)類型判斷

有的時(shí)候需要判斷數(shù)據(jù)類型，應(yīng)對(duì)各種復(fù)雜的邏輯判斷，先來個(gè)咱們最常用的。

1.typeof

typeof操作符返回一個(gè)字符串，并表示該變量的類型。

typeof oper / typeof (operand)

var testString = "adus",
    testArray = [],
    testBoolean = true,
    testNumber = 0,
    testObject = {},
    testNull = null,
    testUndefined = undefined
    
console.log(typeof testString);//string
console.log(typeof testArray);//object
console.log(typeof testBoolean);//boolean
console.log(typeof testNumber);//number
console.log(typeof testObjec);//object
console.log(typeof testNull);//object
console.log(typeof testUndefined);//undefined

當(dāng)然不只有上面的這些基礎(chǔ)類型，還有下面這些：

Symbol （ECMAScript 6 新增）    "symbol"

宿主對(duì)象（由JS環(huán)境提供）    Implementation-dependent

函數(shù)對(duì)象（[[Call]] 在ECMA-262條款中實(shí)現(xiàn)了）    "function"

咦？有點(diǎn)不對(duì)，為什么數(shù)組、null等都是object呢？？？請(qǐng)往下看

Function或者Array這些類型的實(shí)例的時(shí)候，其實(shí)都是基于Object實(shí)例進(jìn)行的一種擴(kuò)展。只是多了一些特有屬性。 

在 JavaScript 最初的實(shí)現(xiàn)中，JavaScript 中的值是由一個(gè)表示類型的標(biāo)簽和實(shí)際數(shù)據(jù)值表示的。對(duì)象的類型標(biāo)簽是 0。

由于 null 代表的是 空指針（大多數(shù)平臺(tái)下值為 0x00）。

因此，null的類型標(biāo)簽也成為了 0，typeof null就錯(cuò)誤的返回了"object"。（reference）

2.instanceof

instanceof運(yùn)算符用于測(cè)試構(gòu)造函數(shù)的prototype屬性是否出現(xiàn)在對(duì)象的原型鏈中的任何位置,通俗點(diǎn)說就是一個(gè)變量是否某個(gè)對(duì)象的實(shí)例。

object instanceof constructor

object 要檢測(cè)的對(duì)象 / constructor 構(gòu)造函數(shù)

function fnc(){}
var newFnc = new fnc();
console.log(newFnc.__proto__ == fnc.prototype);//true
console.log( newFnc instanceof fnc ) //true


/*String對(duì)象和Date對(duì)象都屬于Object類型和一些特殊情況*/

var simpleStr = "This is a simple string"; 
var myString  = new String();
var newStr    = new String("String created with constructor");
var myDate    = new Date();
var myObj     = {};
var myNonObj  = Object.create(null);

simpleStr instanceof String; // 返回 false, 檢查原型鏈會(huì)找到 undefined
myString  instanceof String; // 返回 true
newStr    instanceof String; // 返回 true
myString  instanceof Object; // 返回 true

myObj instanceof Object;    // 返回 true, 盡管原型沒有定義
({})  instanceof Object;    // 返回 true, 同上
myNonObj instanceof Object; // 返回 false, 一種創(chuàng)建對(duì)象的方法，這種方法創(chuàng)建的對(duì)象不是Object的一個(gè)實(shí)例

myString instanceof Date; //返回 false

myDate instanceof Date;     // 返回 true
myDate instanceof Object;   // 返回 true
myDate instanceof String;   // 返回 false

3.Object.prototype.toString()

每個(gè)對(duì)象都有一個(gè)toString()方法，當(dāng)該對(duì)象被表示為一個(gè)文本值時(shí)，或者一個(gè)對(duì)象以預(yù)期的字符串方式引用時(shí)自動(dòng)調(diào)用。默認(rèn)情況下，toString()方法被每個(gè)Object對(duì)象繼承。如果此方法在自定義對(duì)象中未被覆蓋，toString() 返回 "[object type]"，其中type是對(duì)象的類型。

Function.prototype.call( thisArg ) / Function.prototype.apply( thisArg )

傳遞要檢查的對(duì)象作為第一個(gè)參數(shù)，稱為thisArg。

var toString = Object.prototype.toString;

toString.call(new Date); // [object Date]
toString.call(new String); // [object String]
toString.call(Math); // [object Math]

//Since JavaScript 1.8.5
toString.call(undefined); // [object Undefined]
toString.call(null); // [object Null]

在合適的場(chǎng)景用恰當(dāng)?shù)姆椒ǎ瑫?huì)很省心，也能保證代碼的簡(jiǎn)潔、健壯。