重写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. typecho设置文章密码保护

    在别人博客看到了一个需要输入密码才能访问文章的功能,像下图一样 typecho也是有这个功能,不需要插件就可以实现.在编辑文章时,右边高级选项,公开度里有个密码保护可以选择 效果图 不过这样的界面不是 ...

  2. C#相等性 - 三个方法和一个接口

    简介 C#(.NET)的object类里面有三个关于判断相等性的方法: public virtual bool Equals(object obj) public static bool Equals ...

  3. 《k8s-1.13版本源码分析》-调度预选

    本文大纲 预选流程 predicate的并发 一个node的predicate predicates的顺序 单个predicate执行过程 具体的predicate函数 本系列文章已经开源到githu ...

  4. 泛微关于js设计的一些小技巧

    1.关于泛微流程的js设计 泛微oa可以插入javascript可以diy自己想要的表单页面前端功能.如果有前端开发经验,或者熟练使用jQuery的话,这将变得非常容易!同时泛微OA内部有很多库,包括 ...

  5. android 系统dialog的应用

    应用示例如下: /* * 提示类型dialog */ private void dialog1(){ AlertDialog.Builder builder = new AlertDialog.Bui ...

  6. 得力D991CN Plus计算器评测（全程对比卡西欧fx-991CN X）

    得力在2018年出了一款高仿卡西欧fx-991CN X中文版的计算器,型号为D991CN Plus,在实现同样功能的前提下,网销价格是卡西欧的三分之一左右.但是这款计算器与卡西欧正版计算器差距是大是小 ...

  7. 微信小程序之onLaunch与onload异步问题

    所述问题: 前端时间开发了一个微信小程序商城项目,因为这个项目我们的需求是进入小程序就通过wx.login({}) 这个api进行用户登录,获取系统后台的用户基本信息.再此之前,一直以为微信小程序中的 ...

  8. 主机与虚拟机都可以上网，但是互相ping不通

    问题:主机与虚拟机都可以上网,但是互相ping不通  可能:相关入站规则没有启用  解决:第4步双击后,打勾设置“已启用” 

  9. 学习pwn的前提工作及部分解决方案

    一.Ubuntu 在VM安装64位的Ubuntu 二.pwntools 基本语法 sudo apt-get install libffi-dev sudo apt-get install libssl ...

  10. Appium在Android7.0及以上系统运行时报错的解决方案

    背景:在使用Samsung S系列手机进行自动化测试时,发现同样脚本的情况下华为荣耀系列可以正常运行,最终发现差异在于Android7.0及以上系统和appium版本不匹配,需要升级appium.但需 ...