JavaScript自定义日期格式化函数详细解读

发布时间：2023-09-19 15:36:06 所属栏目：教程来源：

导读：我们对 JavaScript 扩展其中一个较常的做法便是对 Date.prototype 的扩展。因为我们知道，Date 类只提供了若干获取日期元素的方法，如 getDate(),getMinute()……却没有一个转换为特定字符串的格式化方法

我们对 JavaScript 扩展其中一个较常的做法便是对 Date.prototype 的扩展。因为我们知道，Date 类只提供了若干获取日期元素的方法，如 getDate(),getMinute()……却没有一个转换为特定字符串的格式化方法。故所以，利用这些细微的方法，加以封装，组合我们想要的日期字符串形式。一般来说，该格式化函数可以定义在 Date 对象的原型身上，也可以独立一个方法写出。定义原型方法的操作如 Date.prototype.format = function(date){……}，使用时候直接 new Date().format(YYYY:MM:DD) 即可，仿佛就是 Date 对象的原生方法。但是定义原型方法却略嫌有“入侵” JS 原型的不足。设计 API 之时必须考虑这个问题。我的建议是，用户按照自己的判断去做决定，只是调用的方式不同，不影响过程的逻辑即可。

下面的一个例子就是以独立函数写出的 JavaScript 日期格式化函数，独立的 format 函数。回到格式化的这一知识点上，我们考查的是怎么实现的、运用了哪些原理。传统字符串拼接如 indexOf()+substr() 虽然能够实现，但明显不仅效率低下，而且代码冗长，还是适宜引入正则表达式的方法，先写出字符串正则然后再进行结果的命中匹配。我们先看看来自 Steven Levithan 的例子：

代码如下:

/**

* Date Format 1.2.3

* @credit Steven Levithan <stevenlevithan.com> Includes enhancements by Scott Trenda <scott.trenda.net> and Kris Kowal <cixar.com/~kris.kowal/>

* Accepts a date, a mask, or a date and a mask.

* Returns a formatted version of the given date.

* The date defaults to the current date/time.

* The mask defaults to dateFormat.masks.default.

*/

dateFormat = (function(){

    // 正则笔记， 1、token，(?:)表示非捕获分组；/1 反向引用（思考：{1,2}可否和/1一样意思？）；根据这里的意义[LloSZ]表示括号内的任意一个字符拿去匹配，很简单，但暂时不明白/L|l|o|S|Z/在解析日期时的作用；最后的两组“或”是匹配引号和引号内的内容（无所谓双引号或单引号）。

    var token        = /d{1,4}|m{1,4}|yy(?:yy)?|([HhMsTt])/1?|[LloSZ]|"[^"]*"|'[^']*'/g,

    // 2、timezone, [PMCEA][SDP]产生两个字符的消耗；该reg的都是非捕获分组，可加快正则速度。

        timezone     = //b(?:[PMCEA][SDP]T|(?:Pacific|Mountain|Central|Eastern|Atlantic) (?:Standard|Daylight|Prevailing) Time|(?:GMT|UTC)(?:[-+]/d{4})?)/b/g,

        timezoneClip = /[^-+/dA-Z]/g,

        // 不足两位填充字符，或可指定位数

        pad          = function (val, len){

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!