第一种方法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. 怎么解决tomcat占用8080端口问题

        怎么解决tomcat占用8080端口问题 相信很多朋友都遇到过这样的问题吧,tomcat死机了,重启eclipse之后,发现 Several ports (8080, 8009) requir ...

  2. MAC远程连接服务器，不需要输入密码的配置方式

    cd ~/.ssh #没有则需要创建一个. mkdir ~/.ssh ssh-keygen -t rsa cd ~/.ssh scp id_rsa.pub root@IP地址:~/.ssh/id_rs ...

  3. （转）配置Log4j(很详细)

    来自:http://blog.csdn.net/yttcjj/article/details/37957317 Log4J的配置文件(Configuration File)就是用来设置记录器的级别.存 ...

  4. Quartz框架(第一版)

    任务调度 在企业级应用中,经常会制定一些"计划任务",即在某个时间点做某件事情 核心是以时间为关注点,即在一个特定的时间点,系统执行指定的一个操作 任务调度涉及多线程并发.线程池维 ...

  5. SQLite Expert Professional 3查看SQLite数据

    通常在android进行SQLite数据库的处理查看很不方便,于是自己下载了一个SQLite Expert Professional 3可视化工具用来进行查询数据,由于时间问题就不多说了,直接讲使用方 ...

  6. C++01.类的引入

    1.假设我们要输出张三,李四两个人的基本信息,包括姓名,年龄,可以用以下的C程序实现: eg: #include <stdio.h> int main(int argc,char **ar ...

  7. win7 由ie8升级ie11时安装不成功的一个原因

    纯净win7系统更新好补丁好 升级ie一直提示不成功,之前重来没有遇到过.官方提示的解决办法: https://support.microsoft.com/zh-cn/kb/2872074 根据内容初 ...

  8. Unable to download data from http://ruby.taobao.org/ & don't have write permissions for the /Library/Ruby/Gems/2.0.0 directory.

    安装cocoapods,记录两个问题! 1.镜像已经替换成了 http://ruby.taobao.org/, 还是不能不能安装cocoapods, 报错:Unable to download dat ...

  9. 整理分享原生态mac AndroidStudio的快捷键

    使用AndroidStudio开发半年了,一路爬坑至今,刚由Windows转mac一个星期.通过查些资料和自己摸索,记录一些常用的快捷键,犹豫个人不喜欢改快捷键,所以都是原生的.特此分享给大家!欢迎补 ...

  10. Curator框架的使用

    Curator框架的目的是减少用户的复杂度,毕竟原生的Zookeeper难以使用. 这里举一个使用例子. 第一步:建立连接 // 以下代码与192.168.1.101:2181建立了连接Curator ...