摘要：類型系統搬運自個人博客原址類型識別類型系統可以分為標準類型和對象類型，進一步標準類型又可以分為原始類型和引用類型，而對象類型又可以分為內置對象類型普通對象類型自定義對象類型。

搬運自個人博客,原址JavaScript類型識別
javascript 類型系統可以分為標準類型和對象類型，進一步標準類型又可以分為原始類型和引用類型，而對象類型又可以分為內置對象類型、普通對象類型、自定義對象類型。

typeof

instanceof

Object.prototype.toString

constructor

可以識別標準類型(null除外)

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

例:

//1. 可以識別標準類型(`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左側為查詢變量,右側為標識對象的類

能夠判別內置對象類型

不能判別原始類型

能夠判別自定義類型
例:

//1. 能夠判別內置對象類型
[] 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

可以識別標準類型,及內置對象類型

不能識別自定義類型
例:

//1. 可以識別標準類型,及內置對象類型
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]"

為了方便使用,使用函數封裝如下:

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

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

constructor指向構造這個對象的構造函數本身..

可識別原始類型

可識別內置對象類型

可識別自定義類型
例:

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

//2. 可識別內置對象類型
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

為了方便使用,使用函數封裝如下:

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

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

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

參考:

網易云課堂:面向對象軟件開發實踐之專業技能訓練

網易云課堂前端微專業筆記