<!DOCTYPE html>

<html>

<head>

</head>

<body>

<script type="text/javascript">

var class2type = {

    '[object Boolean]' : 'boolean',

    '[object Number]' : 'number',

    '[object String]' : 'string',

    '[object Function]' : 'function',

    '[object Array]' : 'array',

    '[object Date]' : 'date',

    '[object RegExp]' : 'regexp',

    '[object Object]' : 'object',

    '[object Error]' : 'error'

};

function type( obj ) {

    if ( obj == null ) {

        return obj + "";

    }

    return typeof obj === "object" || typeof obj === "function" ?

        class2type[ toString.call(obj) ] || "object" :

        typeof obj;

};

function Foo() {}

function Bar() {}

Bar.prototype = new Foo();

var foo = new Foo();

var bar = new Bar();

console.log(type(''));

console.log(type(undefined));

console.log(type(null));

console.log(type(true));

console.log(type(false));

console.log(type(1));

console.log(type(0));

console.log(type(new String('foo')));

console.log(type(new Number(10)));

console.log(type({}));

console.log(type(new Date()));

console.log(type(new Error()));

console.log(type([1,2,3] ));

console.log(type(new Array(1, 2, 3)));

console.log(type(new Function("") ));

console.log(type(/abc/g));

console.log(type(new RegExp("meow")));

console.log(type(new Object()));

console.log(type(foo));

console.log(type(bar));

console.log(type(/abc/g));

</script>

</body>

</html>
<!DOCTYPE html>

<html>

<head>

</head>

<body>

<script type="text/javascript">

var class2type = {

    '[object Boolean]' : 'boolean',

    '[object Number]' : 'number',

    '[object String]' : 'string',

    '[object Function]' : 'function',

    '[object Array]' : 'array',

    '[object Date]' : 'date',

    '[object RegExp]' : 'regexp',

    '[object Object]' : 'object',

    '[object Error]' : 'error'

};

function type( obj ) {

    if ( obj == null ) {

        return obj + "";

    }

    return typeof obj === "object" || typeof obj === "function" ?

        class2type[ toString.call(obj) ] || "object" :

        typeof obj;

};

console.log(typeof null);

console.log(class2type[ toString.call(null) ] );

console.log(type(null));

console.log(typeof undefined);

console.log(class2type[ toString.call(undefined) ] );

console.log(type(undefined));

</script>

</body>

</html>
object type.html:26

undefined type.html:27

null type.html:28

undefined type.html:29

undefined type.html:30

undefined

javascript 如何判断一个对象的类型的更多相关文章

  1. JavaScript中判断整字类型最简洁的实现方法

    这篇文章主要介绍了JavaScript中判断整字类型最简洁的实现方法,本文给出多个判断整数的方法,最后总结出一个最短.最简洁的实现方法,需要的朋友可以参考下 我们知道JavaScript提供了type ...

  2. js中判断一个对象的类型的种种方法

    javascript中检测对象的类型的运算符有:typeof.constructor.instanceof. typeof:typeof是一个一元运算符,返回结果是一个说明运算数类型的字符串.如:&q ...

  3. javascript如何判断一个对象是否是窗口

    <!DOCTYPE html> <html> <head> </head> <body> <script type="tex ...

  4. javascript——可以判断值的类型的函数

    function classof(o){ return Object.prototype.toString.call(0).slice(8,-1); } Function.prototype.getN ...

  5. JavaScript中判断变量类型最简洁的实现方法以及自动类型转换（#################################）

    这篇文章主要介绍了JavaScript中判断整字类型最简洁的实现方法,本文给出多个判断整数的方法,最后总结出一个最短.最简洁的实现方法,需要的朋友可以参考下 我们知道JavaScript提供了type ...

  6. JavaScript中判断为整数的多种方式

    之前记录过JavaScript中判断为数字类型的多种方式,这篇看看如何判断为整数类型(Integer). JavaScript中不区分整数和浮点数,所有数字内部都采用64位浮点格式表示,和Java的d ...

  7. JavaScript判断对象的类型

    JavaScript判断对象的类型 最近阅读了一些关于JavaScript判断对象类型的文章.总结下来,主要有constructor属性.typeof操作符.instanceof操作符和Object. ...

  8. JavaScript中判断对象是否属于Array类型的4种方法及其背后的原理与局限性

    前言 毫无疑问,Array.isArray是现如今JavaScript中判断对象是否属于Array类型的首选,但是我认为了解本文其余的方法及其背后的原理与局限性也是很有必要的,因为在JavaScrip ...

  9. JavaScript中判断对象类型方法大全2

    在JavaScript中,有5种基本数据类型和1种复杂数据类型,基本数据类型有:Undefined, Null, Boolean, Number和String:复杂数据类型是Object,Object ...

随机推荐

  1. Spring MVC常用的注解

    @Controller @Controller 负责注册一个bean 到spring 上下文中,bean 的ID 默认为 类名称开头字母小写,你也可以自己指定,如下 方法一: @Controller ...

  2. 解决ubuntu无法调整和保存屏幕亮度的问题

    整理自解决ubuntu无法调整和保存屏幕亮度的问题 ubuntu无法调整屏幕亮度,对笔记本来说很耗电,同时也很刺眼,因为它是默认以最大亮度来工作的. 所谓的调整,方法为下面的其中一种: 1.Fn+左右 ...

  3. 【PHP框架CodeIgniter学习】使用辅助函数—建立自己的JSONHelper

    本文使用的是2.1.4版本,看的时候请注意. 官方文档:http://codeigniter.org.cn/user_guide/general/helpers.html(关于辅助函数Helper的使 ...

  4. Cassandra命令行CLI的基本使用

    启动cassandra-cli服务之后,可以进行CQL的使用. 1. 创建keyspace 可以理解成关系数据库的database [default@testkeyspace] create keys ...

  5. JS单击隐藏界面元素

    1. JS代码 <script type="text/javascript" language="javascript"> // function ...

  6. Bamboo简介

    前言     前面介绍了JIRA管理平台,那么本篇就来介绍关于自动编译项目的工具-Bamboo. 正题 1.简介 Atlassian Bamboo 是一款持续集成构建服务器软件(Build Serve ...

  7. ActionBar官方教程(7)自定义操作项的view,如何得到它及处理它的事件

    Adding an Action View An action view is a widget that appears in the action bar as a substitute for ...

  8. mapreduce: 揭秘InputFormat--掌控Map Reduce任务执行的利器

    随着越来越多的公司采用Hadoop,它所处理的问题类型也变得愈发多元化.随着Hadoop适用场景数量的不断膨胀,控制好怎样执行以及何处执行map任务显得至关重要.实现这种控制的方法之一就是自定义Inp ...

  9. bzoj2749

    根绝欧拉函数的计算式,欧拉函数次方每次就是不断把2消掉,并把其他质因子不断变出2,最终弄成1显然我们先预处理每个数会被弄出多少个2出来,次方=弄出来的2的总数-[一开始是否有2](因为一开始没2的话是 ...

  10. content:attr()

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...