前端开发项目中,常常会遇到判断一个变量的数据类型等操作,在 JavaScript 里使用 typeof 来判断数据类型,只能区分基本类型,即 “number”,”string”,”undefined”,”boolean”,”object” 五种。对于数组、对象来说,其关系错综复杂,使用 typeof 都会统一返回 “object” 字符串。此时,我们可以使用Object.prototype.toString.call(var) 能判断具体的类型数组;

具体实例如下:

1.判断基本类型:

     Object.prototype.toString.call(null);// ”[object Null]”
	 Object.prototype.toString.call(undefined);// ”[object Undefined]”
	 Object.prototype.toString.call(“abc”);// ”[object String]”
	 Object.prototype.toString.call(123);// ”[object Number]”
	 Object.prototype.toString.call(true);// ”[object Boolean]”

2.判断原生引用类型:

函数类型

Function fn(){console.log(“test”);}
Object.prototype.toString.call(fn);//”[object Function]”

b 日期类型

var date = new Date();
Object.prototype.toString.call(date);//”[object Date]”

c 数组类型

var arr = [1,2,3];
Object.prototype.toString.call(arr);//”[object Array]”

d 正则表达式

var reg = /[hbc]at/gi;
Object.prototype.toString.call(arr);//”[object Array]”

e 自定义类型

function Person(name, age) {
    this.name = name;
    this.age = age;
}
var person = new Person("Rose", 18);
Object.prototype.toString.call(arr); //”[object Object]”

显然这种方法不能准确判断person是Person类的实例,而只能用instanceof 操作符来进行判断,如下所示:

console.log(person instanceof Person);//输出结果为true

3.判断原生JSON对象:

var isNativeJSON = window.JSON && Object.prototype.toString.call(JSON);
console.log(isNativeJSON);//输出结果为”[object JSON]”说明JSON是原生的,否则不是;

注意:Object.prototype.toString()本身是允许被修改的,而我们目前所讨论的关于Object.prototype.toString()这个方法的应用都是假设toString()方法未被修改为前提的。

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐