Ext对基本类型的扩展 ext,extjs,format

1. Array
indexOf(Object o):Number 方法
remove(Object o):Array 方法
2. Date
Javascript对日期时间的操作是不太方便的，而Ext在此基本上加入了比较多的扩展。比较重要的有：
add(String interval,Number value):Date 方法
其中interval表示要加入的周期，有效的字符串为
ms--------表示毫秒
s-----------表示秒
mi---------表示分钟
h----------表示小时
d---------表示天
mo--------表示月
y---------表示年
这个方法是通过封装Date.setxxx方法实现的。 另外，该函数不会改变原始日期的值，则是返回一个新的日期对象作为结果。
format(String format):String 方法
基本上，它的用法类似于.net中的日期格式化函数。具体的格式请参见Ext的API。通过阅读它的源码，我发现第次调用该函数时，它首先判断指定的格式是否曾经调用过，如果没有调用过，则为该格式动态生成一个相应的格式化函数，并缓存起来。这样做可以明显提高第二次调用的速度。
3. Function
createCallback 方法
为函数生成回调用方法,这个函数怎么起作用呢？


代码如下:

function add(x,y){
return x+y;
}
var add2 = add.createCallback(10,20);
alert(add2());

createDelegate(scope,args,append) 方法
这个方法的作用和createCallback的作用基本相同，不同的地方在于它可以指定调用原始函数的上下文对象,而createCallback方法则始终使用window作为函数调用的上下文。
createInterceptor(fn,[scope])方法
这个方法的作用是为函数创建一个拦截器，在调用原始函数之前先调用fn，如果fn返回false,则不调用原始函数。scope参数指定了调用fn函数的上下文，如果未指定，则和原始函数的上下文相同或者为window对象。
createSequence( Function fn, [Object scope] )
这个方法组合了原始函数和fn，最终的结果是先调用原始函数，然后再用同样的参数调用fn函数，最返的返回值是原始函数的返回值。
defer( Number millis, [Object scope], [Array args], [Boolean/Number appendArgs] )
这个方法能延时调用原始函数。


代码如下:

var clock = function(){
var d = new Date();
alert(d.toLocaleTimeString());
}

clock();
clock.defer(10000);

4. Number
constrain( Number min, Number max )
不解释，你懂的。
5. string
format( String string, String value1, String value2… ) : String
它的功能和.net中的格式化基本相同，但比较简单,不支持在{0:d}这样的写法,只支持{0}这样的写法。看了它的源代码，超简单。


代码如下:

format : function(format){
var args = Ext.toArray(arguments, 1);
return format.replace(/\{(\d+)\}/g, function(m, i){
return args[i];
});
}

基本上，这是一个很有用的函数，可以让我们少写拼写字符串的代码，那种代码真的很难看懂。
trim() : String
还算是有点用处，也不解释。

赞 (0)

相关推荐

  • JavaScript中“基本类型”之争小结

    JavaScript中“基本类型”之争小结

    前端面试中常被问到的问题之一就是"JavaScript的基本类型有几种?". 有的回答"数字.字符串.布尔",有的可能会再加上"Null.Undefined".而有人可能认为"object"也是基本类型.到底是什么样呢? 所谓"基本类型(primitive types)"的概念ECMAScript(V3,V5)中压根就没有,它只是将类型分为6种. ECMAScript只提到类型,用types表示,在V3,V

  • javascript基本包装类型介绍

    javascript基本包装类型介绍

    为了便于操作基本类型值,ECMAScript 提供了 3 个特殊的引用类型:Boolean.Number和 String.这些类型与其他引用类型相似,但同时也具有与各自的基本类型相应的特殊行为.实际上,每当读取一个基本类型值的时候,后台就会创建一个对应的基本包装类型的对象,从而能够调用一些方法来操作这些数据. 一．基本包装类型概述 var box = 'Mr. Lee';//定义一个字符串 var box2 = box.substring(2);//截掉字符串前两位 alert(box2);//

  • JavaScript类型系统之基本数据类型与包装类型

    JavaScript类型系统之基本数据类型与包装类型

    写在前面的话 javascript的数据类型可以分为两种:原始类型和引用类型 原始类型也称为基本类型或简单类型,因为其占据空间固定,是简单的数据段,为了便于提升变量查询速度,将其存储在栈(stack)中(按值访问).其中,javascript基本数据类型包括Undefined.Null.Boolean.Number和String五种 引用类型由于其值的大小会改变,所以不能将其存放在栈中,否则会降低变量查询速度,因此其存储在堆(heap)中,存储在变量处的值是一个指针,指向存储对象的内存处(按址访

  • javascript面向对象包装类Class封装类库剖析

    javascript是个入门门槛很低的语言,甚至一个从来没有接触过javascript的技术人员,几小时内就可以写出一个简单有用的程序代码. 但是如果因此你就下结论:javascript是门简单的语言.那你就大错特错了.想写出高性能的代码,同样需要具备一个高级程序员的基本素养. 一个java或者c++程序员,不一定能写出高性能的javascript代码,但更容易写出高性能的javascript代码. javascript的简单是基于它"胸襟广阔"的包容性.它声明时,不需要指定类型,甚至

  • Javascript中的包装类型介绍

    Javascript中的包装类型介绍

    最近不看犀牛书了,那本翻译的特烂而且好拗口,尤其是原型那块说的乱七八糟,后来经同事介绍,买了本js高级程序设计,然后就继续苦逼的看,不吐槽了,继续说说js中有新鲜感的包装类型.  一:String 说到String类型,蛮有意思,平时我们都是这样定义一个string类型,如下图: 但是在js中有一点非常特别,那就是string类型是属于基本类型,不属于引用类型,那就说明string的值是保存在"栈"上面的,而很多语言不是这样,比如C#,我觉得js不作为引用类型也是情有可原,毕竟它玩不了

  • JavaScript数据类型之基本类型和引用类型的值

    JavaScript数据类型之基本类型和引用类型的值

    ECMAScript变量包含两种不同数据类型的值:基本类型值和引用类型值.基本类型值是简单的数据段,而引用类型值指那些可能由多个值构成的对象. 在将一个值赋给变量时,解析器必须确定这个值是基本类型还是引用类型.基本类型包括如Undefined.Null.Boolean.Number和String,这5种基本类型数据类型是按值访问的,因此可以操作保存在变量中的实际的值:引用类型类型的值是保存在内存中的对象.与其他语言不同,JavaScript不允许直接访问内存中的位置,也就是说不能直接操作对象的内

  • javascript基本类型详解

    js中一共5个原始值,6个typeof能判断的,9个原生的内置的构造函数. 这569,构成了js语言的基础. 5个原始值是:数字,字符,布尔,null,undefined typeof能判断:数字,字符,布尔,object,function,undefined. 注意null和数组,tyopeof都输出object. typeof不能区分出数组和对象,如何判断类型呢?使用Object.prototype.toString.apply(). if(value&&typeof value ==

  • 浅谈javascript中基本包装类型

    为了便于操作基本类型值,ECMAScript还提供了3个特殊的引用类型:Boolean.Number和String.这些类型与本章介绍的其他引用类型相似,但同时也具有与各自的基本类型相应的特殊行为.实际上,每当读取一个基本类型值得时候,后台就会创建一个对应的基本包装类型的对象,从而让我们能够调用一些方法来操作这些数据.如下例子: 复制代码 代码如下: var s1="some text"; var s2=s1.substring(2); 这个例子中的变量s1包含一个字符串,字符串当然是

  • 浅析JavaScript基本类型与引用类型

    对于 JavaScript 类型,可以简单地概括为:相对于强类型语言来说,它是弱(松散)类型的语言:有基本类型和引用类型,他们是区别是一个有固定空间存在于栈内存中,一个没有固定空间保存在堆内存中并且在栈内存中保存了一个指向实现位置的指针. 市面上很多书都有不小的篇幅在讲.这篇文章会讲几个方面,这些方面可能会需要你对 JavaScript 已经有了一些简单的了解,特别是 JavaScript 的类型.如果还不一解,可以随手拿起一本关于 JavaScript 的书翻翻,再来看本文. 一.基本类型与引

  • Ext对基本类型的扩展 ext,extjs,format

    1. Array indexOf(Object o):Number 方法 remove(Object o):Array 方法 2. Date Javascript对日期时间的操作是不太方便的,而Ext在此基本上加入了比较多的扩展.比较重要的有: add(String interval,Number value):Date 方法 其中interval表示要加入的周期,有效的字符串为 ms--------表示毫秒 s-----------表示秒 mi---------表示分钟 h----------

  • Java获取文件的类型和扩展名的实现方法

    Java获取文件的类型和扩展名的实现方法

    Java获取文件的类型和扩展名 实现代码: File file=new File("E:\\aa.jpg"); String fileName=file.getName(); String fileTyle=fileName.substring(fileName.lastIndexOf("."),fileName.length()); System.out.println(fileTyle); 程序运行效果图: 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

  • php图片处理函数获取类型及扩展名实例

    本文实例讲述了php图片处理函数获取类型及扩展名的方法.分享给大家供大家参考. 具体实现代码如下: 复制代码 代码如下: image_type=image_type_to_mime_type(imagetype_png);   //获取png的mime类型 echo $image_type;           //输出结果 //   $file = '1.jpg'; $image = imagecreatefromjpeg($file); header('content-type: ' . i

  • JS扩展String.prototype.format字符串拼接的功能

    1.题外话,有关概念理解:String.prototype 属性表示 String原型对象.所有 String 的实例都继承自 String.prototype. 任何String.prototype上的改变都会影响到所有的 String 实例. 2.上正文,js扩展String.prototype.format字符串拼接的功能,首先是基础功能的改造: String.prototype.format = function(){ if(arguments.length==0){ return th

  • ASP.NET中常见文件类型、扩展名、存放位置及用途总结

    .asax 应用程序根目录. 通常是 Global.asax 文件,该文件包含从 HttpApplication 类派生并表示该应用程序的代码. 有关更多信息,请参见 Global.asax 语法. .ascx 应用程序根目录或子目录. Web 用户控件文件,该文件定义自定义.可重复使用的用户控件. 有关更多信息,请参见 ASP.NET 用户控件. .ashx 应用程序根目录或子目录. 一般处理程序文件,该文件包含实现 IHttpHandler 接口以处理所有传入请求的代码. 有关更多信息,请参

  • extjs实现选择多表自定义查询功能 前台部分(ext源码)

    extjs实现选择多表自定义查询功能 前台部分(ext源码)

    主要使用的技术: 1.extjs2.0,整体框架 2.RemoteCheckboxGroup.js ,用于动态生成表字段(供查询结果使用) 3.Ext.ux.grid.RowActions.js,用于grid行扩展(上移下移删除等) 4.Datetime.js,用于时间选择 5.MetaGrid.js 用于动态生成查询结果列表(返回结果Grid) 6.ehcache 用于缓存自定表数据,比如表名称.字段描述.长度等固定信息 7.jxl.jar 用于查询结果输出,最后生成Excel文件 8.Jav

  • extjs 学习笔记（二） Ext.Element类

    区别在于fly返回的是Element轻量级的,占用较少的内存,但是不保存对象的引用,每次使用都会改变先前的对象,而get则会缓存每次返回的Element对象,但是占用较多的内存.我们通过一个例子来说明二者的区别,同时看看Element给我们提供的强大功能.在我们项目中添加一个html页面,内容如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.

  • 搭建EXTJS和STRUTS2框架(ext和struts2简单实例)

    新建一个工程struts2工程teaweb(因为现在所做的项目是一个关于茶叶,茶文化的),导入jar包(基本的几个jar包:commons-logging-1.0.4.jar,freemarker- 2.3.8.jar,ognl-2.6.11.jar,struts2-core-2.0.10.jar,xwork-2.0.4.jar),配置 struts.xml配置内容如下 <?xml version="1.0" encoding="UTF-8" ?> &l

  • Ext JS 4实现带week(星期)的日期选择控件(实战一)

    Ext JS 4实现带week(星期)的日期选择控件(实战一)

    前言 Ext JS 3 和 Ext JS 4中都有提供日期选择的组件(当然早期版本也有). 但是有一些日期选择的需求是要看到星期,就是日期中的哪一天是这一年的第几周. 遗憾的是Ext js 并没有提供这样的配置. (针对Ext js 4来说,理想的相法是在Ext.picker.Date有一个 类似showWeek这样的配置项) 现有的解法 到网络上去看看基于Ext js 的解法:有找到两个 http://enikao.net/extjs/weeknumber/weeknumber.html 和

  • ExtJS扩展 垂直tabLayout实现代码

    ExtJS扩展 垂直tabLayout实现代码

    但ExtJS中的TabPanel只能水平显示,搜索了一下Ext论坛,发现有垂直TabLayout的扩展,但垂直tab的页签内容是水平显示的,且页签多了之后也不能通过设置enableScroll属性使其能滚动,为了适应项目的需求,本人对TabLayout进行了扩展,使其支持垂直页签显示,支持页签很多时的滚动.效果如下: 该组件有两种使用方式,一是扩展方式,二是复写方式.其中第一种方式需要引入附件中的TabPanel.js以及ext-patch.css,同时需要将两个图片放在ext-patch.cs

随机推荐