1. 程式人生 > >JS的四種類型識別方式

JS的四種類型識別方式

object 基本 null 引用 內置 cto 過程 regexp 不能

前言

JS中包含豐富的類型系統,在使用過程中,類型識別是重要的一環。JS提供了4種通用的類型檢測的方法

  【typeof】【instanceof】【constructor】【Object.prototype.toString】

【typeof】

  【識別】

    1.能夠識別基本數據類型(Null會被識別成‘object‘)

    2.不能識別具體的引用類型(Function除外)

console.log(typeof "jerry");//"string"
console.log(typeof 12);//"number"
console.log(typeof true);//"boolean"
console.log(typeof undefined);//"undefined"
console.log(typeof null);//"object"
console.log(typeof {name: "jerry"});//"object"

console.log(typeof function(){});//"function"
console.log(typeof []);//"object"
console.log(typeof new Date);//"object"
console.log(typeof /\d/);//"object"
function Person(){};
console.log(typeof new Person);//"object"

【instanceof】

  instanceof是一個二元運算符,左邊是一個對象,右邊是一個構造函數,如果左邊的對象是右邊的構造函數的實例對象,返回true,反之返回false

  【註意】

  如果左邊的操作數不是對象,返回false;如果右邊的操作數不是函數,拋出類型錯誤TypeError

console.log(123 instanceof function(){});//false
//Uncaught TypeError: Right-hand side of ‘instanceof‘ is not an object
console.log({} instanceof 123);

  所有的對象都是Object的實例

·  【識別】

  1.能夠識別內置對象類型、自定義類型及其父類型

  2.不能識別標準類型,會返回false

  3.不能識別undefined和null,會報錯

console.log("jerry" instanceof String);//false
console.log(12 instanceof Number);//false
console.log(true instanceof Boolean);//false
console.log(undefined instanceof Undefined);//報錯
console.log(null instanceof Null);//報錯
console.log({name: "jerry"} instanceof Object);//true

console.log(function(){} instanceof Function);//true
console.log([] instanceof Array);//true
console.log(new Date instanceof Date);//true
console.log(/\d/ instanceof RegExp);//true
function Person(){};
console.log(new Person instanceof Person);//true
console.log(new Person instanceof Object);//true

【constructor屬性】

  實例對象的constructor屬性只想其構造函數。如果是內置類型,就返回function 數據類型(){[native code]},如果是自定義類型,就返回function 數據類型(){};

  【識別】

  1.能夠識別標準類型、內置對象類型以及自定義類型

  2.不能識別undefined、null會報錯,因為它們沒有構造函數

console.log(("jerry").constructor);//function String(){[native code]}
console.log((12).constructor);//function Number(){[native code]}
console.log((true).constructor);//function Boolean(){[native code]}
console.log((undefined).constructor);//報錯
console.log((null).constructor);//報錯
console.log(({name: "jerry"}).constructor);//function Object(){[native code]}

console.log((function(){}).constructor);//function Function(){[native code]}
console.log(([]).constructor);//function Array(){[native code]}
console.log((new Date).constructor);//function Date(){[native code]}
console.log((/\d/).constructor);//function RegExp(){[native code]}
function Person(){};
console.log((new Person).constructor);//function Person(){}

【Object.prototype.toString】

  對象的類屬性是一個字符串,可以使用toStirng輸出,我們能夠結合使用Object.prototype.toString.call(obj)輸出目標對象的類型,結果是:[object 數據類型]

  【識別】

  1.能夠識別標準類型和內置對象類型

  2.不能識別自定義類型

console.log(Object.prototype.toString.call("jerry"));//[object String]
console.log(Object.prototype.toString.call(12));//[object Number]
console.log(Object.prototype.toString.call(true));//[object Boolean]
console.log(Object.prototype.toString.call(undefined));//[object Undefined]
console.log(Object.prototype.toString.call(null));//[object Null]
console.log(Object.prototype.toString.call({name: "jerry"}));//[object Object]

console.log(Object.prototype.toString.call(function(){}));//[object Function]
console.log(Object.prototype.toString.call([]));//[object Array]
console.log(Object.prototype.toString.call(new Date));//[object Date]
console.log(Object.prototype.toString.call(/\d/));//[object RegExp]
function Person(){};
console.log(Object.prototype.toString.call(new Person));//[object Object]

JS的四種類型識別方式