扩展typeof来判断js变量的类型

我不是女神ヾ 2022-08-06 16:21 218阅读 0赞

Javascript 的 typeof可以获取变量的类型,有如下6种返回值：

1）number；

2）string；

3）boolean；

4）object

5）function；

6）undefined.

javascript判断变量类型的自定义函数

通常用typeof来判断js变量的类型，但很多时候仅仅typeof满足不了要求的。

我写了一个自定义函数来做这个事，判断的比较全面了, 存为typeof\_extend.js。

function varType(v){ 
      if(typeof v==="object"){ 
        if(v===null)return 'null'; 
        if(v.constructor) 
          return (v.constructor.toString()).match(/(?: )[\w\$]+/)[0]; 
        if(typeof typeof2==='undefined' && window.execScript){ 
          window.execScript('Function vbsTypeName(o):vbsTypeName=TypeName(o):End Function','vbscript'); 
          window.execScript('function typeof2(o){return vbsTypeName(o)}','jscript'); 
        } 
        if(typeof typeof2!=='undefined'){ 
          return typeof2(v); 
        } 
        return "object"; 
      } 
      return typeof v; 
    } 
    
    //对于普通js常量和js对象，各浏览器是基本一致的 
    console.log(varType()); //undefined 
    console.log(varType(100)); //number 
    console.log(varType({})); //Object 
    console.log(varType([])); //Array 
    console.log(varType(/ /)); //RegExp 
    console.log(varType(new Date())); //Date 
    console.log(varType(Date)); //function 
    console.log(varType(Object)); //function 
    console.log(varType(RegExp)); //function 
    
    //对于DOM对象，各浏览器可能会有不同值 
    console.log(varType(window)); //IE:HTMLWindow2 FF:Window 
    console.log(varType(document)); //IE:HTMLDocument FF:HTMLDocument 
    console.log(varType(document.body)); //IE:HTMLBody FF:HTMLBodyElement 
    console.log(varType(Option)); //IE:Object  FF:function 
    console.log(varType(Image)); //IE:Object  FF:function 
    console.log(varType(navigator)); //IE:DispHTMLNavigator FF:Navigator 
    
    //以下几个只适用于IE，其他内核浏览器不支持
    if(!!window.VBArray){ 
    	console.log(varType(ActiveXObject)); //IE:function 
    	console.log(varType(Enumerator)); //IE:function 
    	console.log(varType(new ActiveXObject("Scripting.Dictionary"))); //IE:Dictionary 
    	console.log(varType(new Enumerator())); //IE:Enumerator
    }

将其放到html中，名为，代码如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>cookie生成测试</title>
    </head>
    <body>
    <script type='text/javascript' src='http://www.abc.com/js/typeof_extend.js'></script>
    </body>
    </html>

在chrome 39中测试如下：

![Center][]  
在IE 11中测试如下：  
![Center 1][]

参考文献

\[1\].http://shenjc2008.iteye.com/blog/1009366

[Center]: /images/20220805/17b6f53e722347c299c75f3817e24115.png
[Center 1]: /images/20220805/c292c181dadc4c0b87d5d4bf3f180281.png

发表评论取消回复

表情：

评论列表（有 0 条评论，218人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS中判断数据类型：typeof与instance of

1： typeof: 1：typeof 一般被用于判断一个变量的类型，我们可以利用 typeof 来判断number, string, object,bool

「爱情、让人受尽委屈。」/ 2022年11月12日 02:32/ 0 赞/ 177 阅读

相关 js中变量类型判断

<script> alert(typeof "hutia is superman"); alert(typeof true); alert(ty

- 日理万妓/ 2022年09月23日 10:54/ 0 赞/ 264 阅读

相关 typeof检测变量数据类型

用typeof检测变量的数据类型（有以下几种）：数值对应的是：number 字符串对应的：string ：boolean ：undefined nul

朴灿烈づ我的快乐病毒、/ 2022年09月02日 04:29/ 0 赞/ 196 阅读

相关扩展typeof来判断js变量的类型

Javascript 的 typeof可以获取变量的类型,有如下6种返回值： 1）number； 2）string； 3）boo

我不是女神ヾ/ 2022年08月06日 16:21/ 0 赞/ 219 阅读

相关 JS类型判断typeof PK {}.toString.call(obj);

先看typeof <!doctype html> <html lang="en"> <head> <m

àì夳堔傛蜴生んèń/ 2022年07月16日 00:10/ 0 赞/ 175 阅读

相关 js之判断变量类型

好了，先写一篇关于js中变量类型的判断吧，发现在研究代码原理或是在调试bug的过程中经常会遇到这种问题，虽然网上也有很多这样的例子，还是自己写一个收藏吧，用起

小灰灰/ 2022年07月11日 01:54/ 0 赞/ 286 阅读

相关ＪＳ判断变量类型

`typeof` 对于基本类型，除了 `null` 都可以显示正确的类型 typeof 1 // 'number' typeof '1' // 'string

浅浅的花香味﹌/ 2022年05月08日 11:38/ 0 赞/ 292 阅读

相关 JS判断变量类型

网上搜索这个问题一般会给出typeof、 instanceof 、constructor、Object.prototype.toString.call 和 $.type 这几种

迈不过友情╰/ 2021年12月07日 10:09/ 0 赞/ 390 阅读

相关 js 中判断变量的类型（ typeof 和 instanceof ）

typeof 判断基本类型，返回一个字符串 console.log(typeof '');//string console.log(t

小咪咪/ 2021年10月24日 01:20/ 0 赞/ 565 阅读

相关 JS-判断变量类型

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMx

Love The Way You Lie/ 2021年09月28日 07:38/ 0 赞/ 432 阅读