摘要：類型系統(tǒng)搬運(yùn)自個人博客原址類型識別類型系統(tǒng)可以分為標(biāo)準(zhǔn)類型和對象類型，進(jìn)一步標(biāo)準(zhǔn)類型又可以分為原始類型和引用類型，而對象類型又可以分為內(nèi)置對象類型普通對象類型自定義對象類型。

搬運(yùn)自個人博客,原址JavaScript類型識別
javascript 類型系統(tǒng)可以分為標(biāo)準(zhǔn)類型和對象類型，進(jìn)一步標(biāo)準(zhǔn)類型又可以分為原始類型和引用類型，而對象類型又可以分為內(nèi)置對象類型、普通對象類型、自定義對象類型。

typeof

instanceof

Object.prototype.toString

constructor

可以識別標(biāo)準(zhǔn)類型(null除外)

不可識別具體的對象類型(Function除外)

例:

//1. 可以識別標(biāo)準(zhǔn)類型(`null`除外)
typeof(1);//"number"
typeof("");//"string"
typeof(undefined);//"undefined"
typeof(true);//"boolean"
typeof(null);//"object"

//2. 不可識別具體的對象類型(`Function`除外)
typeof([]);//"object"
typeof({});//"object"
typeof(function(){});//"function"

instanceof左側(cè)為查詢變量,右側(cè)為標(biāo)識對象的類

能夠判別內(nèi)置對象類型

不能判別原始類型

能夠判別自定義類型
例:

//1. 能夠判別內(nèi)置對象類型
[] instanceof Array;//true
/d/ instanceof RegExp;//true

//2. 不能判別原始類型
1 instanceof Number;//false
"xiaohong" instanceof String;//false

//3. 能夠判別自定義類型
function Point(x, y) {
    this.x = x;
    this.y = y;
}
var c = new Point(2,3);

c instanceof Point;//true

可以識別標(biāo)準(zhǔn)類型,及內(nèi)置對象類型

不能識別自定義類型
例:

//1. 可以識別標(biāo)準(zhǔn)類型,及內(nèi)置對象類型
Object.prototype.toString.call(21);//"[object Number]"
Object.prototype.toString.call([]);//"[object Array]"
Object.prototype.toString.call(/[A-Z]/);//"[object RegExp]"

//2. 不能識別自定義類型
function Point(x, y) {
    this.x = x;
    this.y = y;
}

var c = new Point(2,3);//c instanceof Point;//true
Object.prototype.toString.call(c);//"[object Object]"

為了方便使用,使用函數(shù)封裝如下:

function typeProto(obj) {
    return Object.prototype.toString.call(obj).slice(8,-1);
}

typeProto("guo");//"String"
typeProto({});//"Object"

constructor指向構(gòu)造這個對象的構(gòu)造函數(shù)本身..

可識別原始類型

可識別內(nèi)置對象類型

可識別自定義類型
例:

//1. 可識別原始類型
"guo".constructor === String;//true
(1).constructor === Number;//true
true.constructor === Boolean;//true
({}).constructor === Object;//true

//2. 可識別內(nèi)置對象類型
new Date().constructor === Date;//true
[].constructor === Array;//true

//3. 可識別自定義類型
function People(x, y) {
    this.x = x;
    this.y = y;
}
var c = new People(2,3);
c.constructor===People;//true

為了方便使用,使用函數(shù)封裝如下:

function getConstructorName(obj) {
    return obj && obj.constructor && obj.constructor.toString().match(/functions*([^(]*)/)[1];
}

getConstructorName(new Date());//"Date"
getConstructorName(null);//null
getConstructorName(12);//"Number"

其中紅色的單元格表示該判斷方式不支持的類型。

參考:

網(wǎng)易云課堂:面向?qū)ο筌浖_發(fā)實(shí)踐之專業(yè)技能訓(xùn)練

網(wǎng)易云課堂前端微專業(yè)筆記