自己实现的typeOf函数：返回传入参数的类型

主要用于解决，js自带的typeof返回结果不精确；Ext JS中typeOf对字符串对象、元素节点、文本节点、空白文本节点判断并不准确的问题

与上一篇的主要区别是：将前2个数据类型判断统一合并到第3个数据类型判断里面

js代码如下：

 /**

   返回传入参数的类型

 */

 function typeOf(value){

   //数据类型判断

   var stringType = Object.prototype.toString.call(value);

   switch(stringType){

     case "[object Null]":      return 'null';

     case "[object Undefined]": return 'undefined';

     case "[object String]":    return 'string';

     case "[object Number]":    return 'number';

     case "[object Boolean]":   return 'boolean';

     case "[object Function]":  return 'function';

     case "[object Date]":      return 'date';

     case "[object Array]":     return 'array';

     case "[object RegExp]":    return 'regexp';

     case "[object Object]":    return 'object';

   }

   //节点类型判断(可扩展)

   var nodeType = value.nodeType;

   if(nodeType!='undefined'){

     if(nodeType==1){//元素节点

       return 'element';

     }

     if(nodeType==2){//属性节点

       return 'attribute';

     }

     if(nodeType==3){//文本节点

        if(/\S/.test(value.nodeValue)){//节点值包含非空白字符

          return 'textnode';//非空白文本节点

        }

        return 'whitespace'//空白文本节点

     }

   }

   //其它的统一识别为'object'

   return typeof value;//'object'

 }

测试HTML代码如下：

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

         "http://www.w3.org/TR/html4/loose.dtd">

 <html>

 <head>

     <meta charset="UTF-8">

     <title>typeof</title>

     <script type="text/javascript" src="./js/TypeOf1.js"></script>

     <script type="text/javascript">

         window.onload = _pageLoaded;

         /**

          * 页面加载完毕后执行的函数

          * @private

          */

         function _pageLoaded(){

           console.info(typeOf(new String('123')));

           console.info(typeOf(function(){}));

           console.info(typeOf(document.getElementById('table1')));

           console.info(typeOf(document.getElementById('table1').getAttributeNode('id')));

           console.info(typeOf(document.getElementById('node1').firstChild));

           console.info(typeOf(document.getElementById('node2').firstChild));

           var obj = {name:'pine'};

           console.info(typeOf(obj));

           console.info(typeOf(document));

           var _obj = {nodeType:1};

           console.info(typeOf(_obj));

         }

     </script>

 </head>

 <body>

 <table id="table1">

     <tr>

         <td>1</td>

         <td>2</td>

     </tr>

     <tr>

         <td>3</td>

         <td>4</td>

     </tr>

 </table>

 <span id="node1">测试文本~~~</span>

 <span id="node2">  </span>

 </body>

 </html>

自己实现的TypeOf函数2的更多相关文章

  1. 重写Ext中的typeOf函数

    重写Ext中的typeOf函数来解决Ext JS中typeOf对字符串对象.元素节点.文本节点.空白文本节点判断并不准确的问题 重写的typeOf函数使用自己实现的TypeOf函数2中的代码 测试代码 ...

  2. 自己实现的typeOf函数1

    自己实现的typeOf函数:返回传入参数的类型 主要用于解决,js自带的typeof返回结果不精确:Ext JS中typeOf对字符串对象.元素节点.文本节点.空白文本节点判断并不准确的问题 js代码 ...

  3. SASS type-of 函数

    今儿写个type-of,算是备忘录吧. 1.number type-of(0) // number type-of(1px) // number 2.string type-of(a) // stri ...

  4. Sass函数：Introspection 函数 -type-of()

    type-of() 函数主要用来判断一个值是属于什么类型: 返回值: number 为数值型. string 为字符串型. bool 为布尔型. color 为颜色型. >> type-o ...

  5. PB函数大全

    PB函数大全 Abs()功能计算绝对值.语法Abs ( n )参数n:要得到绝对值的数值型变量或表达式返回值返回值的数据类型与n的数据类型相同,函数执行成功时返回n的绝对值.如果参数n的值为NULL, ...

  6. Sass中常用的函数

    字符串函数 To-upper-case() 函数将字符串小写字母转换成大写字母 To-lower-case() 函数 与 To-upper-case() 刚好相反,将字符串转换成小写字母 数字函数 S ...

  7. Sass函数--列表函数

    列表函数简介 列表函数主要包括一些对列表参数的函数使用,主要包括以下几种: length($list):返回一个列表的长度值: nth($list, $n):返回一个列表中指定的某个标签值  join ...

  8. 4、js内置函数

    前言:上一篇我介绍了函数的基本概念,和一些简单的Demo.其实很多函数是js内置的,我们无需自己去写,直接拿过来用即可.内置函数分为全局函数和js内置对象的函数区别:全局函数不属于任何一个内置对象.理 ...

  9. Ext JS中的typeOf

    Ext JS中的typeOf:以字符串格式,返回给定变量的类型 其中对字符串对象.元素节点.文本节点.空白文本节点判断并不准确 测试代码如下: <!DOCTYPE HTML PUBLIC &qu ...

随机推荐

  1. C语言memcpy函数的用法

    介绍 memcpy是memory copy的缩写,意为内存复制,在写C语言程序的时候,我们常常会用到它.它的函原型如下: void *memcpy(void *dest, const void *sr ...

  2. 深度解密Go语言之关于 interface 的10个问题

    目录 1. Go 语言与鸭子类型的关系 2. 值接收者和指针接收者的区别 方法 值接收者和指针接收者 两者分别在何时使用 3. iface 和 eface 的区别是什么 4. 接口的动态类型和动态值 ...

  3. Android Gradle 依赖配置：implementation & api

    背景: Android Gradle plugin 3.0开始(对应Gradle版本 4.1及以上),原有的依赖配置类型compile已经被废弃,开始使用implementation.api和anno ...

  4. 深度学习与计算机视觉：基于Python的神经网络的实现

    在前面两篇文章介绍了深度学习的一些基本概念,本文则使用Python实现一个简单的深度神经网络,并使用MNIST数据库进行测试. 神经网络的实现,包括以下内容: 神经网络权值的初始化 正向传播 误差评估 ...

  5. 软件开发架构介绍||OSI七层协议之物理层、数据链路层、网络层、传输层（mac地址、ip协议、断开协议、tcp协议之三次握手四次挥手）

    一.网络编程 软件开发架构 C/S架构 C:客户端 想体验服务的时候才会去找服务端体验服务 S:服务端   24小时不间断的提供服务,即时监听,随时待命 B/S架构 B:浏览器    想体验服务的时候 ...

  6. SSM框架视频资料

    SSM框架视频资料 进行过 Java Web 项目开发的同学,可能都知道 SSM 框架,即 Spring + SpringMVC + Mybatis .很多项目的主体框架都是采用这种模式,这也是 Ja ...

  7. BFS(广度优先搜索)

    简介 BFS的过程是首先访问起始结点v,接着访问顶点v的所有未被访问的邻接结点,然后对每个继续进行上述步骤,直到所有结点都被访问过为止,当然,在访问过程中,需要使用一个队列,然后类似二叉树的层次遍历来 ...

  8. 设计模式之行为类模式PK

    行为类模式包括: 责任链模式 命令模式 解释器模式 迭代器模式 中介者模式 备忘录模式 观察者模式 状态模式 策略模式 模板方法模式 访问者模式 行为型模式涉及到算法和对象间职责的分配 行为类模式关注 ...

  9. 史上最全的大厂Mysql面试题在这里！

    1.MySQL的复制原理以及流程 基本原理流程,3个线程以及之间的关联: 主:binlog线程——记录下所有改变了数据库数据的语句,放进master上的binlog中: 从:io线程——在使用star ...

  10. 'module' object has no attribute 'Thread'解决方法及模块加载顺序

    源码片段: class myThread(threading.Thread): def __init__(self, threadID, name, counter): threading.Threa ...