当前位置：首页 > news >正文

JavaScript类型识别

news 来源：原创 2024/4/24 9:09:57

类型系统

搬运自个人博客,原址JavaScript类型识别
javascript 类型系统可以分为标准类型和对象类型，进一步标准类型又可以分为原始类型和引用类型，而对象类型又可以分为内置对象类型、普通对象类型、自定义对象类型。

js类型系统

类型转化表

Value	Boolean	Number	String
undefined	false	NaN	"undefined"
null	false	0	"null"
true	true	1	"true"
false	false	0	"false"
''	false	0	''
'123'	true	123	'123'
'1a'	true	NaN	'1a'
0	false	0	"0"
1	true	1	"1"
Infinity	true	Infinity	"Infinity"
NaN	false	NaN	'NaN'
{}	true	NaN	"[object Object]"

类型判断

typeof
instanceof
Object.prototype.toString
constructor

`typeof`

可以识别标准类型(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`

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

`Object.prototype.toString.call()`方法

可以识别标准类型,及内置对象类型
不能识别自定义类型
例:

//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`

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(/function\s*([^(]*)/)[1];
}

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