*本文章主要总结一下js数据类型的识别判断方法
tyoeof
instanceof
Object.prototype.toString.call
constructor
最后封装一个函数,可以判别所有的类型*
1.数据类型
基本类型:
- Undefined类型:该类型只有一个值,即
undefined(小写)
,在使用var声明变量但是未对其加以初始化时,这个变量的值就是undefined。 - Null类型:该类型也只有一个值,即
null(小写)
,null值表示一个空对象指针,所以用typeof操作符检测null值会返回object的原因。 - Boolean类型:改类型有两个值:
true和false(小写)
。 - Number类型:表示整数和浮点数
- String类型:即字符串
引用类型
- Object类型:即对象
- Array类型:数组
- Date类型:日期
- RegExp类型:正则
- Function类型
2.类型的识别的判断方法
(1)typeof总结:
首先typeof不是方法,只是一个操作符。
- 可以识别标准类型(
Null除外
) - 不能识别具体的对象类型(
Function除外
) -
返回的值首字母都是小写
!!!!!!!!
//识别标准类型
typeof "jerry"; //"string"
typeof 12; //"number"
typeof true; //"boolean"
typeof undefined; //"undefined"
typeof null; //"object"
typeof {name:"jerry"}; //"object"
//识别引用类型
typeof function(){}; //"function"
typeof []; //"object"
typeof new Date; //"object"
typeof /\d/; //"object"
//创建一个自定义对象
function Person(){};
typeof new Person; //"object"
(2)instanceof
//能够判别引用类型
[] instanceof Array; //true
/\d/ instanceof RegExp; //true
new Date instanceof Date; //true
var a = function(){};
a instanceof Function; //true
//不能判别原始类型
1 instanceof Number; //false
"jerry" instanceof String; //false
//能够判别自定义对象类型及父子类型
//自定义类型
function Person(){};
Person instanceof Function; //true
//父子类型
function Point(x,y){
this.x = x;
this.y = y;
}
function Cirele(x,y,r){
Point.call(this,x,y);
this.radius = r;
}
Circle.prototype = new Point();
Circle.prototype.constructor = Circle;
var c = new Circle(1,1,2);
c instanceof Circle //true
c instanceof Point //true
结论
:
- 可以判别内置对象类型
- 不能判别原始类型
- 判别自定义对象类型
- 结合1和3,用instanceof可以识别所有的对象类型
(3)Object.prototype.toString.call
Object.prototype.toString.call("123"); //"[object String]"
//封装函数,并做截取
function type(obj){
return Object.prototype.toString.call(obj).slice(8,-1);
}
//测试
type("123"); //"String"
//自定义类型
function Point(x,y){
this.x = x;
this.y = y;
}
//测试
type(new Point(1,2)); //"Object"
结论:
- 上述封装的函数可以识别基本类型以及引用对象类型
- 不能识别自定义对象类型
(4)constructor(构造这个对象的构造函数的本身)
//判断基本类型(基本类型也有构造函数);但是null和undefined除外,它俩没有构造函数
"jerry".constructor === String; //true
(1).constructor ===Number; //true
//判断引用类型
new Date().constructor === Date; //true
[].constructor === Array; //true
//判断自定义对象
function Person(name){
this.name = name;
}
new Person("jerry").constructor === Person; //true
//对constructor判别进行方法的封装
function getConstructorName(obj){
return (obj===undefined||obj===null)?obj:
(obj.constructor && obj.constructor.toString().match(/function\s*([^(]*)/)[1]);
}
封装的原理:
- obj:假如传入的参数是null或者undefined,没有构造函数直接返回
- obj.constructor如果存在执行&&后面的语句
- obj.constructor.toString():将类型对应的构造函数转化成字符串 "Function Number(){code...}"
-
math(/function\s*([^(]*)/)[1]
:匹配构造函数的名称,正则匹配
结论:
- 判别基本类型(Undefined/Null除外)
- 判别引用类型
- 判别自定义对象类型
结论:所以可以封装一个函数getConstructorName判断所有类型,但是这个函数返回的除了null和undefined是小写之外,其他的首字母都是大写。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。