重写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. 「Continuous_integration, CI」为什么要持续集成?

    前言   什么是持续集成,为什么要持续集成?本文对持续集成前后两种开发实践做了对比分析,从而直观的感受到持续集成的好处. 在说持续集成之前,先说一下传统的开发模式: 传统模式: 传统模式过程如下: 传 ...

  2. PostGreSQL(1)-源码安装

    目录 简述 一.格式化磁盘 二.源码安装 PostGreSql 1. 安装 readline-devel 2. 安装 PostGresql 3. 设置环境变量 三. 初始化 1. 设置运行用户 2. ...

  3. 浅谈MySQL架构体系

    一  数据库和数据库实例 在MySQL的学习研究中,存在两个非常容易混淆的概念,即数据库和数据库实例.在MySQL中,数据库和数据库实例定义如下: 数据库:存储数据的集合: 数据库实例:操作数据库的集 ...

  4. Java开发环境Jave EE 和 jdk 下载

    以下软件均为64位环境 jdk版本:jdk1.8.0_181 jave EE版本(当前最新版本4.8):eclipse-jee-photon-R-win32-x86_64.zip 链接:https:/ ...

  5. JAVA设计模式之简单粗暴学建造者模式

    文章由浅入深,先用简单例子说明建造者,然后分析模式的优缺点,最后结合优秀开源框架Mybatis,说明该模式的用处. 1.先定义一个机器人模型 package com.jstao.model; publ ...

  6. HTML文档编写规范

    (1)HTML标记是由尖括号包围的关键词.所有标记均以“<”开始,以“>”结束.结束的标记在开始名称前加上斜杠“/”.例如头部标记格式如下所示:<head> ……</he ...

  7. vue + element + 初始化项目

    前提:已经安装了好了npm 和 vue脚手架 注意: 进入想要放置项目的目录下. 1.vue init webpack sun-vue-element 2.根据提示输入 y/n 3.npm run d ...

  8. 提升机器学习数学基础，这7本书一定要读-附pdf资源

    文章发布于公号[数智物语] (ID:decision_engine),关注公号不错过每一篇干货. 来源 | KDnuggets 作者 | Ajit Jaokar 转自 | 新智元 编辑 | 大明 [编 ...

  9. MongoDB通过Shell 实现集合的日常归档

    1.MongoDB数据归档的意义 和其他类型的数据库一样,归档对MongoDB同样重要.通过归档,可以保持集合中合适的数据量,对数据库的性能是一种保障,也就是大家常说的数据冷热分离. 同时,归档对数据 ...

  10. Flink源码分析 - 源码构建

    原文地址:https://mp.weixin.qq.com/s?__biz=MzU2Njg5Nzk0NQ==&mid=2247483692&idx=1&sn=18cddc1ee ...