第一种方法typeof

typeof是一种运算符，它的值有以下几种

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>ces</title>

</head>

<body>

    <script>

    console.log(typeof "Liesbeth");//"string"

    console.log(typeof 12);//"number"

    console.log(typeof true); //"boolean"

    console.log(typeof undefined);//"undefined"

    console.log(typeof null);//"object"

    console.log(typeof {name:"Liesbeth"});//"object"

    console.log(typeof function(){});//"function"

    console.log(typeof []);//"object"

    console.log(typeof new Date);//"object"

    console.log(typeof /[0-9]/);//'object'

    console.log(typeof new Number(123));//'object'

    function Person(){};

    console.log(typeof new Person);//'object'

    </script>

</body>

</html>

typeof

运行结果如下，可以看出typeof能判断基本类型的值，其他通过new创建的类型除了function外，其他都是object,其中null也是object

第二种方法instanceof

instanceof运算符可以用来判断某个构造函数的prototype属性所指向的對象是否存在于另外一个要检测对象的原型链上即某个对象是否是某个构造函数的实例，如下

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>ces</title>

</head>

<body>

    <script>

    //能判别内置对象内型

    console.log([] instanceof Array);//true

    console.log([] instanceof Object);//true

    console.log(/[0-9]/ instanceof RegExp);//true

    console.log(new String('123') instanceof String);//true

    console.log(function(){} instanceof Function);//true

    //不能判断原始类型

    console.log('123' instanceof String);//false

    console.log(123 instanceof Number);//false

    console.log(true instanceof Boolean);//false

   //判别自定义对象类型

    function Point(x,y){

        this.x=x;

        this.y=y;

    }

    function Circle(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);

    console.log(c instanceof Circle);//true

    console.log(c instanceof Point);//true

    </script>

</body>

</html>

instanceof

运行结果如下图

由此可看出instanceof不能识别原始类型，能识别自定义对象和内置对象类型同时它们都属于Object

 第三种方法Object.prototype.toString.call

这个方法获取的是对象的[[Class]]属性值，返回结果是固定的'[object'+[[class]]属性+']',jquery中的$.type()就是利用这个属性判断对象类型的。

function type(obj){

  return Object.prototype.toString.call(obj).slice(8,-1);

}

运行结果如下：

其中的type(c)为instanceof时创建的对象。

可以看出toString能识别原始类型和内置对象，但是不能识别自定义对象类型，另外在ie7和8中null和undefined都是返回"Object"如下

同时在IE6中字符串也会返回"Object"所以用的时候要多注意这几个值。

第四种方法constructor

constructor 属性返回对创建此对象的数组函数的引用,如图所示

利用此特性我们可以判别类型，其中由于null和undefined没有构造函数所以特殊处理，编写函数如下

function getConstructorName(obj){

    return (obj===undefined||obj===null)?obj:(obj.constructor&&obj.constructor.toString().match(/function\s*([^(]*)/)[1]);

}

运行结果如下

可以看出constructor能判别原始类型（除null和undefined），内置对象和自定义对象.

参考资料：http://www.cnblogs.com/ziyunfei/archive/2012/11/05/2754156.html其中对Object.prototype.toString解释的清楚。

 

js中类型识别的方法的更多相关文章

  1. javascript四种类型识别的方法

    × 目录 [1]typeof [2]instanceof [3]constructor[4]toString 前面的话 javascript有复杂的类型系统,类型识别则是基本的功能.javascrip ...

  2. node.js中的url.parse方法使用说明

    node.js中的url.parse方法使用说明:https://blog.csdn.net/swimming_in_it_/article/details/77439975 版权声明:本文为博主原创 ...

  3. JS中 call() 与apply 方法

    1.方法定义 call方法: 语法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象. 说明: call ...

  4. js中this和回调方法循环-我们到底能走多远系列（35）

    我们到底能走多远系列(35) 扯淡: 13年最后一个月了,你们在13年初的计划实现了吗?还来得及吗? 请加油~ 主题: 最近一直在写js,遇到了几个问题,可能初入门的时候都会遇到吧,总结下. 例子: ...

  5. js中object的申明方法

    //js中的对象申明使用new Object(); //object类型的数据类似于数组通过下表来访问其中的值 //example1 var person=new Object(); person.n ...

  6. JS中令人发指的valueOf方法介绍

    彭老湿近期月报里提到了valueOf方法,兴致来了翻了下ECMA5里关于valueOf方法的介绍,如下: 15.2.4.4 Object.prototype.valueOf ( ) When the ...

  7. JS中定义类的方法<转>

    转载地址:http://blog.csdn.net/sdlfx/article/details/1842218 PS(个人理解): 1) 类通过prototype定义的成员(方法或属性),是每个类对象 ...

  8. JS中判断数组的方法

    JavaScript中检测对象的方法 1.typeof操作符 这种方法对于一些常用的类型来说那算是毫无压力,比如Function.String.Number.Undefined等,但是要是检测Arra ...

  9. JS 中类型鉴别

    JS中的基本类型有:数字(Number(NaN,Infinity)),字符串(String),Undefined,Null,Boolean 引用类型有:数组(Array),对象(Object),函数( ...

随机推荐

  1. 数据结构：二叉树 基于list实现（python版）

    基于python的list实现二叉树 #!/usr/bin/env python # -*- coding:utf-8 -*- class BinTreeValueError(ValueError): ...

  2. 静态代理和利用反射形成的动态代理（JDK动态代理）

    代理模式 代理模式的定义:为其他对象提供一种代理以控制对这个对象的访问.在某些情况下,一个对象不适合或者不能直接引用另一个对象,而代理对象可以在客户端和目标对象之间起到中介的作用. 静态代理 1.新建 ...

  3. GJM : Unity3D HIAR 目录导航

    感谢您的阅读.喜欢的.有用的就请大哥大嫂们高抬贵手"推荐一下"吧!你的精神支持是博主强大的写作动力以及转载收藏动力.欢迎转载! 版权声明:本文原创发表于 [请点击连接前往] ,未经 ...

  4. MongoDB学习笔记(一) MongoDB介绍及安装（摘）

    MongoDB是一个高性能,开源,无模式的文档型数据库,是当前NoSql数据库中比较热门的一种.它在许多场景下可用于替代传统的关系型数据库或键/值存储方式.Mongo使用C++开发.Mongo的官方网 ...

  5. jasmine test 页面测试工具

    before((request, response) -> { response.header("Access-Control-Allow-Origin", "ht ...

  6. delphi连接sql存储过程

    针对返回结果为参数的 一. 先建立自己的存储过程 ALTER PROCEDURE [dbo].[REName] ) AS BEGIN select ROW_NUMBER() over(order by ...

  7. Atitit.软件兼容性原理与实践 v5 qa2.docx

    Atitit.软件兼容性原理与实践   v5 qa2.docx 1. Keyword2 2. 提升兼容性的原则2 2.1. What 与how 分离2 2.2. 老人老办法,新人新办法,只新增,少修改 ...

  8. Atitit ati licenseService    设计原理

    Atitit ati licenseService    设计原理 C:\0workspace\AtiPlatf\src_atibrow\com\attilax\license\LicenseX.ja ...

  9. 关于WCF测试时出现无法从***获取元数据问题

    在我们已经创建成功一个WCF服务后,通过本机localhost访问和测试均没有任何问题.但是寄宿在IIS/其他平台下时便会出现以下的错误信息 1.使用WCF Test Client错误 2.通过C#引 ...

  10. Spark SQL 之 Data Sources

    #Spark SQL 之 Data Sources 转载请注明出处:http://www.cnblogs.com/BYRans/ 数据源(Data Source) Spark SQL的DataFram ...