Object.prototype.toString.call() 使用 Object 对象的原型方法 toString 来判断数据类型

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

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.判断原生引用类型:

a 函数类型

  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()方法未被修改为前提的

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容