javascript中检测变量的类型的代码

 更新时间:2010年12月28日 23:18:20   作者:  
javascript对于变量的定义、类型的要求都比较松散,这样既方便,但又容易犯错。有时候进行必要的类型检查是必须的。
常用检查变量类型的方法有两种,下面是解说:
检查变量类型方法一:typeof
格式:typeof 变量
用法:if( typeof 变量 == "类型标识") { ... }
下面是一些常用数据类型对应的typeof值:
{an:"object"}      :    object
["an","array"]      :    object
function() {}      :    function
"a string"        :    string
55           :    number
true          :    boolean
new User()      :    object

从上表中,可以看出用typeof取得变量类型时,对于数组、对象、自定义类的对象同视为object,其它类型检查正常。所以它无法判断出对象是object,还是array,还是User。那么,此时我们可用第二种方法处理。

检查变量类型方法二:构造函数法(constructor)
格式:变量.constructor
用法:if(变量.constructor == "类型标识符") { ... }
{an:"object"}      :    Object
["an","array"]      :    Array
function() {}      :    Function
"a string"        :    String
55           :    Number
true          :    Boolean
new User()      :    User

从上表中可以看出,我们能正确获取到每种数据的类型。所以,尽量使用变量的构造函数来获取变量类型更好。
不过,有时候这样也更方便:
if(typeof 变量 == "undefined") { ... }

相关文章

  • 不同Jquery版本引发的问题解决

    不同Jquery版本引发的问题解决

    用JS实现了一个拖拽排序,可因Jquery版本不同导致浏览器访问时存在很多的问题,下面为大家介绍下具体的解决方法,感兴趣的朋友可以参考下
    2013-10-10
  • 原生JS实现简单的无缝自动轮播效果

    原生JS实现简单的无缝自动轮播效果

    轮播效果是老生常谈的话题,今天小编通过实例代码给大家分享原生JS实现简单的无缝自动轮播效果,感兴趣的朋友跟随小编一起学习吧
    2018-09-09
  • JavaScript函数调用经典实例代码

    JavaScript函数调用经典实例代码

    JavaScript提供了4种函数调用,一般形式的函数调用、作为对象的方法调用、使用 call 和 apply 动态调用、使用 new 间接调用,下面这篇文章主要给大家介绍了关于JavaScript函数调用的相关资料,需要的朋友可以参考下
    2021-12-12
  • js Map List 遍历使用示例

    js Map List 遍历使用示例

    在知道的key的情况下遍历map自然就跟数组一样的访问罗,这里就不说了,示例如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助
    2013-07-07
  • js+css实现的简单易用兼容好的分页

    js+css实现的简单易用兼容好的分页

    使用html、js、css实现的简单易用兼容好的分页,具体的实现如下,感兴趣的朋友可以参考下
    2013-12-12
  • js网页版计算器的简单实现

    js网页版计算器的简单实现

    这篇文章介绍了网页版计算器的简单实现代码,有需要的朋友可以参考一下
    2013-07-07
  • JS实现文字链接感应鼠标淡入淡出改变颜色的方法

    JS实现文字链接感应鼠标淡入淡出改变颜色的方法

    这篇文章主要介绍了JS实现文字链接感应鼠标淡入淡出改变颜色的方法,实例分析了javascript操作鼠标事件及css样式的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • 详解Webpack-dev-server的proxy用法

    详解Webpack-dev-server的proxy用法

    这篇文章主要介绍了详解Webpack-dev-server的proxy用法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • uniapp中如何修改图标和名称

    uniapp中如何修改图标和名称

    这篇文章主要给大家介绍了关于uniapp中如何修改图标和名称的相关资料,uni-app是一个使用Vue.js开发跨平台应用的前端框架,文中通过图文介绍的非常详细,需要的朋友可以参考下
    2023-08-08
  • js判断请求的url是否可访问,支持跨域判断的实现方法

    js判断请求的url是否可访问,支持跨域判断的实现方法

    下面小编就为大家带来一篇js判断请求的url是否可访问,支持跨域判断的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09

最新评论