重写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. 我眼中的 Nginx（四）：是什么让你的 Nginx 服务退出这么慢？

    张超:又拍云系统开发高级工程师,负责又拍云 CDN 平台相关组件的更新及维护.Github ID: tokers,活跃于 OpenResty 社区和 Nginx 邮件列表等开源社区,专注于服务端技术的 ...

  2. C# ASP.NET MVC:使用Cookie记住账号密码

    MVC记住账号密码 使用cookie操作 前端: <div> 用户名:<input type="text" id="UserName" val ...

  3. [PHP]引用返回与节省内存

    PHP中的引用是什么:1.在 PHP 中引用意味着用不同的名字访问同一个变量内容2.引用可以被看作是 Unix 文件系统中的硬链接. 3.使用unset的话,只是删除他这个名字自身对内容的引用,并没有 ...

  4. JAVA基础知识（一）—JAVA概述

    JAVA概述 1991 年Sun公司的James Gosling(詹姆斯·高斯林)等人开始开发名称为 Oak 的语言,希望用于控制嵌入在有线电视交换盒.PDA等的微处理器: 1994年将Oak语言更名 ...

  5. [转]为什么复制构造函数的参数需要加const和引用

    [转]为什么复制构造函数的参数需要加const和引用 一.引言 1.0在解答这个问题之前,我们先跑个小程序,看下调用关系. #include <iostream> using namesp ...

  6. Vue.js 学习笔记 第5章 内置指令

    本篇目录: 5.1 基本指令 5.2 条件渲染指令 5.3 列表渲染指令 v-for 5.4 方法与事件 5.5 实战:利用计算属性.指令等知识开发购物车 回顾一下第2.2节,我们己经介绍过指令(Di ...

  7. CODING Pages 服务全面升级，更快更稳更可靠！

    尊敬的 CODING 用户: 您好! 由于原上游服务商无法满足 CODING Pages 日益增长的用户量以及访问速度需求,同时提供的 DDoS 解决方案无法支撑大型 DDoS 攻击,给 CODING ...

  8. 携程实时计算平台架构与实践丨DataPipeline

    文 | 潘国庆 携程大数据平台实时计算平台负责人 本文主要从携程大数据平台概况.架构设计及实现.在实现当中踩坑及填坑的过程.实时计算领域详细的应用场景,以及未来规划五个方面阐述携程实时计算平台架构与实 ...

  9. July 02nd. 2018, Week 27th. Monday

    Bad times make a good man. 艰难困苦出能人. Bad times make a good man, and hard times create strong men, but ...

  10. June 29th. 2018, Week 26th. Friday

    Real love is always worth waiting for. 真爱永远值得等待. From Westworld. Real love is rare, but it does exis ...