前言:在写这篇文章之前,对日期格式可谓是基本不懂,但是毕竟是入门小白,每件事都要自己做一遍才知道,所以在下面的代码中有任何不足之处,还请指教。
一、日期格式化方法
直接上代码:
Date.prototype.Format = function(fmt) {
var o = {
"M+": this.getMonth() +1, //月份
"d+": this.getDate(), // 日
"h+": this.getHours(), // 小时
"m+": this.getMinutes(), // 分
"s+": this.getSeconds(), // 秒
"q+": Math.floor((this.getMonth()+3)/3),// 季度
"S": this.getMilliseconds() //毫秒
};
if(/(y+)/.test(fmt)){
fmt = fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4-RegExp.$1.length));
}
for(var k in o){
if(new RegExp("("+k+")").test(fmt)){
fmt = fmt.replace(RegExp.$1,(RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
}
}
return fmt;
}
这串代码是我借鉴网上大神的作品,但是在实现的过程中,也找了一些我自己不理解的地方。
二、自己的不足之处
首先在对函数的设计上,之前的我是不知道要这样来做设计的。
第二,对于
Date()
对象的理解不够深刻,对于它内部的格式也是半知半懂。三,对于
replace
方法,运用的不够巧妙。四,正则的使用,对于
RegExp.$1
这个完全不知道什么意思,很惭愧。
三、总结
- 对于函数的原型设计方面,多学多看多写,最近也有认真的在学对象方法,以后在写函数时,多注意使用对象、原型来实现。
- 对于
Date()
方法,主要还是运用的比较少,相信多使用,还是可以熟知的。 - 对于
String
的很多方法,多用多学,多看案例。 - 还有一个很重要的就是正则的知识,最近也看的比较多,希望可以有些长进。
RegExp.$n 理解
RegExp.$1...$9
属性用于返回正则表达式模式中某个子表达式匹配的文本。正则表达式中每个小括号内的部分表达式就是一个子表达式。
该属性是
RegExp
全局对象的一个只读属性,所有主流浏览器均支持该属性。
语法:
RegExp.$n
n
的值介于[1, 9]
之间,表示第n
个子表达式所匹配的文本内容。例如,RegExp.$1
表示第一个子表达式所匹配的文本内容。
RegExp.$1...$9
属性的值为String
类型,返回上一次正则表达式匹配中,第n
个子表达式所匹配的文本。
虽然正则表达式模式中的小括号可以有任意多个,但是此属性只保存最前面的9个匹配文本。注意:这里的
RegExp
是全局对象,RegExp.$1...$9
是全局属性。当执行任意正则表达式匹配操作时,JavaScript会自动更新全局对象RegExp上的全局属性,用以存储此次正则表达式模式的匹配结果。当再次执行正则表达式匹配时,RegExp
上的全局属性又会更新,覆盖掉之前的存储数据,以反映本次正则表达式模式的匹配结果。扫描二维码关注公众号,回复: 882984 查看本文章
示例&说明
var str = "X98Y87Z65";
// 三个数字部分加了小括号,表示子表达式
var reg = /^X(\d+)Y(\d+)Z(\d+)$/;
reg.test(str); // 此处使用exec()等其他正则表达式的匹配方法也可,下同
document.writeln(RegExp.$1); // 98
document.writeln(RegExp.$2); // 87
document.writeln(RegExp.$3); // 65
str = '<a href="http://www.365mini.com/" title="首页" target="_blank">CodePlayer</a>';
// 提取URL
reg = /<a\s[^>]*href="([^">]+)"[^>]*>/;
reg.exec(str);
document.writeln(RegExp.$1); // http://www.365mini.com/