重写Ext中的typeOf函数来解决Ext JS中typeOf对字符串对象、元素节点、文本节点、空白文本节点判断并不准确的问题

重写的typeOf函数使用自己实现的TypeOf函数2中的代码

测试代码如下：

 <!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>Ext.typeOf</title>

     <link rel="stylesheet" type="text/css" href="js/ext4/resources/css/ext-all.css">

     <link rel="stylesheet" type="text/css" href="css/icon.css">

     <!--<script type="text/javascript" src="js/ext4/bootstrap.js"></script>-->

     <script type="text/javascript" src="js/ext4/ext-all-debug.js"></script>

     <script type="text/javascript" src="js/ext4/locale/ext-lang-zh_CN.js"></script>

     <script type="text/javascript">

         Ext.onReady(_pageLoaded);

         /**

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

          * @private

          */

         function _pageLoaded(){

           Ext.override(Ext,{

               /**

                返回传入参数的类型

                */

               typeOf:function (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'

             }

         });

         console.info(Ext.typeOf);

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

         var _obj={nodeType:1};

         console.info(Ext.typeOf(_obj));

         var rfv;

         Ext.isDefined(rfv);

         }

     </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>

重写Ext中的typeOf函数的更多相关文章

  1. Ext JS中的typeOf

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

  2. 自己实现的TypeOf函数2

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

  3. 自己实现的typeOf函数1

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

  4. Entity Framework 6 Recipes 2nd Edition（10-5）译 -> 在存储模型中使用自定义函数

    10-5. 在存储模型中使用自定义函数 问题 想在模型中使用自定义函数,而不是存储过程. 解决方案 假设我们数据库里有成员(members)和他们已经发送的信息(messages) 关系数据表,如Fi ...

  5. 什么情况下才要重写Objective-C中的description方法

    特别注意: 千万不要在description方法中同时使用%@和self,同时使用了%@和self,代表要调用self的description方法,因此最终会导致程序陷入死循环,循环调用descrip ...

  6. 前端学习 第二弹: JavaScript中的一些函数与对象（1）

    前端学习 第二弹: JavaScript中的一些函数与对象(1) 1.apply与call函数 每个函数都包含两个非继承而来的方法:apply()和call(). 他们的用途相同,都是在特定的作用域中 ...

  7. 理解和使用 JavaScript 中的回调函数

    理解和使用 JavaScript 中的回调函数 标签: 回调函数指针js 2014-11-25 01:20 11506人阅读 评论(4) 收藏 举报  分类: JavaScript(4)    目录( ...

  8. JavaScript中变量和函数声明的提升

    现象: 1.在JavaScript中变量和函数的声明会提升到最顶部执行. 2.函数的提升高于变量的提升. 3.函数内部如果用var声明了相同名称的外部变量,函数将不再向上寻找. 4.匿名函数不会提升. ...

  9. C++中的虚函数(表)实现机制以及用C语言对其进行的模拟实现

    tfref 前言 C++对象的内存布局 只有数据成员的对象 没有虚函数的对象 拥有仅一个虚函数的对象 拥有多个虚函数的对象 单继承且本身不存在虚函数的继承类的内存布局 本身不存在虚函数(不严谨)但存在 ...

随机推荐

  1. PHP学习笔记 01 之表单传值

    一.HTML传值/PHP接收方法 1.GET(地址栏+问号+数据信息) (1)方式一:表单Form: method = 'get' GET接收数据方式: $_GET['表单元素name对应的值] (2 ...

  2. Caffe源码理解2：SyncedMemory CPU和GPU间的数据同步

    目录 写在前面 成员变量的含义及作用 构造与析构 内存同步管理 参考 博客:blog.shinelee.me | 博客园 | CSDN 写在前面 在Caffe源码理解1中介绍了Blob类,其中的数据成 ...

  3. WebApi 之HelpPage帮助页

    1.创建解决方案 2.选择类型-Web API 3.设置项目生成XML路径 同时修改HelpPageConfig,代码调用XML文件位置 3.编写WebApi接口代码 4.启动项目 查看接口 5.测试 ...

  4. Google XSS Challenge

    https://xss-game.appspot.com/level1 https://xss-game.appspot.com/level1 payload: <svg onload=aler ...

  5. 一文了解腾讯云数据库SaaS服务

    本文由云+社区发表 作者:邵宗文,2009年加入腾讯,现为腾讯云数据库专家产品经理.之前曾负责为OMG事业群构建数据库平台,部署,规划及运维支持,为腾讯网,新闻客户端,快报,视频,财经,体育等提供了稳 ...

  6. uboot的驱动模型理解

    uboot的驱动模型,简称dm, 具体细节建议参考./doc/driver-model/README.txt 关于dm的三个概念: uclass:一组同类型的devices,uclass为同一个gro ...

  7. SLA服务可用性怎么达到？

    SLA:服务等级协议(简称:SLA,全称:service level agreement).是在一定开销下为保障服务的性能和可用性,服务提供商与用户间定义的一种双方认可的协定.通常这个开销是驱动提供服 ...

  8. 【XSS】对抗蠕虫 —— 如何让按钮不被 JS 自动点击

    前言 XSS 自动点按钮有什么危害? 在社交网络里,很多操作都是通过点击按钮发起的,例如发表留言.假如留言系统有 XSS,用户中招后除了基本攻击外,还能进行传播 -- XSS 自动填入留言内容,并模拟 ...

  9. [AI分享]零高数理解人工智能和深度学习

  10. 【死磕 Spring】----- IOC 之解析 bean 标签：开启解析进程

    原文出自:http://cmsblogs.com import 标签解析完毕了,再看 Spring 中最复杂也是最重要的标签 bean 标签的解析过程. 在方法 parseDefaultElement ...