javascript日期处理函数，对批处理做了性能优化
openkk
13年前
<p> 俗话说：不要重复造轮子。google上找了一个比较不错的日期格式化函数，来开始我的优化之旅吧！</p> <p> </p> <p> google上找的这个日期函数化函数，估计大家都很眼熟，以前我也一直在用。先看看优化后和优化前的效率对比吧！</p> <p> </p> <p>1、优化之前的toDate函数（字符串转换成Date对象），重复执行1万次，耗时660毫秒</p> <p><img title="javascript日期处理函数，对批处理做了性能优化" border="0" alt="javascript日期处理函数，对批处理做了性能优化" src="https://simg.open-open.com/show/9f56d153277301807add6ec679ff5400.png" width="502" height="155" /></p> <p> </p> <p> </p> <p>2、优化之前的dateFormat函数（Date对象格式化成字符串），重复执行1万次，耗时676毫秒</p> <p><img title="javascript日期处理函数，对批处理做了性能优化" border="0" alt="javascript日期处理函数，对批处理做了性能优化" src="https://simg.open-open.com/show/9928b3a9157047e949be8c3656d151a5.png" width="465" height="160" /></p> <p> </p> <p> </p> <p>3、优化过后的toDate函数，重复执行1万次，耗时122毫秒</p> <p><img title="javascript日期处理函数，对批处理做了性能优化" border="0" alt="javascript日期处理函数，对批处理做了性能优化" src="https://simg.open-open.com/show/9918ffaaef8b8c6517156501176076d1.png" width="508" height="148" /></p> <p> </p> <p> </p> <p>4、优化后的dateFormat函数，重复执行1万次，耗时160毫秒</p> <p><img title="javascript日期处理函数，对批处理做了性能优化" border="0" alt="javascript日期处理函数，对批处理做了性能优化" src="https://simg.open-open.com/show/04a8f1a09d9116258ee264ab17a2e06b.png" width="475" height="157" /></p> <p> </p> <p> </p> <p> </p> <p> 为什么前后差别这么大，其实我也没做多少处理，只是为批处理做了一些缓存而已，认真观察所有网上那些日期格式函数，其实都是用正则进行匹配和替换。其实正则是很耗性能的，于是我在正则匹配的地方做了缓存，把匹配值建立索引。以后就不用每次都去做正则匹配了。</p> <p> </p> <p> 无代码无真相，接下来看看真相吧！</p> <pre class="brush:javascript; toolbar: true; auto-links: false;">(function(window) { var sinojh = { Version : "1.2", Copyright : "Copyright© sino-jh 2012", Author : "Jeff Lan", Email : "jefflan@live.cn" }; /** * 方便于添加和重写类的属性 * @param {Object} attributes 添加的属性 */ Function.prototype.prototypes = function(attributes) { for ( var a in attributes) { this.prototype[a] = attributes[a]; } }; /** * 获取Url参数 * @param {String} parameter 参数名 * @return {String} 参数值 */ sinojh.getUrlParameter = function(parameter) { if (!sinojh.getUrlParameter.cache) { var url = window.location.href; var paraString = url.substring(url.indexOf("?") + 1, url.length).split("&"); var cache = {}; for ( var i in paraString) { var j = paraString[i]; cache[j.substring(0, j.indexOf("="))] = j.substring(j.indexOf("=") + 1, j.length); } sinojh.getUrlParameter.cache = cache; } return sinojh.getUrlParameter.cache[parameter]; }; /** * 日期格式化 * @param {Date} date 日期对象 * @param {String} formatStyle 格式化样式 * @return {String} 日期型字符串 */ sinojh.dateFormat = function(date, formatStyle) { formatStyle = formatStyle ? formatStyle : sinojh.dateFormat.settings.formatStyle; var time = { "M+" : date.getMonth() + 1, "d+" : date.getDate(), "h+" : date.getHours(), "m+" : date.getMinutes(), "s+" : date.getSeconds(), "S" : date.getMilliseconds() }; if (formatStyle == sinojh.dateFormat.formatStyleCache) { var replaceCache = sinojh.dateFormat.replaceCache; if (replaceCache["y+"]) { formatStyle = formatStyle.replace(replaceCache["y+"].replace, (date.getFullYear() + "").substring(replaceCache["y+"].index)); } for ( var k in time) { if (replaceCache[k]) { formatStyle = formatStyle.replace(replaceCache[k].replace, replaceCache[k].replace.length == 1 ? time[k] : ("00" + time[k]).substring(("" + time[k]).length)); } } } else { sinojh.dateFormat.formatStyleCache = formatStyle; var replaceCache = {}; if (new RegExp("(y+)").test(formatStyle)) { var index = 4 - RegExp.$1.length; replaceCache["y+"] = { replace : RegExp.$1, index : index }; formatStyle = formatStyle.replace(RegExp.$1, (date.getFullYear() + "").substring(index)); } for ( var k in time) { if (new RegExp("(" + k + ")").test(formatStyle)) { replaceCache[k] = { replace : RegExp.$1 }; formatStyle = formatStyle.replace(RegExp.$1, RegExp.$1.length == 1 ? time[k] : ("00" + time[k]).substring(("" + time[k]).length)); } } sinojh.dateFormat.replaceCache = replaceCache; } return formatStyle; }; sinojh.dateFormat.settings = { formatStyle : "yyyy-MM-dd hh:mm:ss" }; /** * 将日期格式的字符串转换成Date对象 * @param {String} dateStr 日期格式字符串 * @param {String} dateStyle 日期格式 * @return {Date} 日期对象 */ sinojh.toDate = function(dateStr, dateStyle) { dateStyle = dateStyle ? dateStyle : sinojh.toDate.settings.dateStyle; var compare = sinojh.toDate.compare; var result = new sinojh.toDate.result(); if (dateStyle == sinojh.toDate.settings.dateStyleCache) { var indexCache = sinojh.toDate.indexCache; for ( var k in compare) { if (indexCache[k]) { result[compare[k]] = dateStr.substring(indexCache[k].index, indexCache[k].index + indexCache[k].length); } } } else { var indexCache = {}; for ( var k in compare) { if (new RegExp("(" + k + ")").test(dateStyle)) { var index = dateStyle.indexOf(RegExp.$1); var length = RegExp.$1.length; indexCache[k] = { index : index, length : length }; result[compare[k]] = dateStr.substring(index, index + length); } } sinojh.toDate.indexCache = indexCache; sinojh.toDate.settings.dateStyleCache = dateStyle; } return new Date(result["y"], result["M"] - 1, result["d"], result["h"], result["m"], result["s"], result["S"]); }; sinojh.toDate.compare = { "y+" : "y", "M+" : "M", "d+" : "d", "h+" : "h", "m+" : "m", "s+" : "s", "S" : "S" }; sinojh.toDate.result = function() { }; sinojh.toDate.result.prototypes( { "y" : "", "M" : "", "d" : "", "h" : "00", "m" : "00", "s" : "00", "S" : "000" }); sinojh.toDate.settings = { dateStyle : "yyyy-MM-dd hh:mm:ss" }; delete Function.prototype.prototypes; window.jh = sinojh; }(this); </pre>此文原创，转载请注明原文出处 <a title="Jeff Lan" href="/misc/goto?guid=4959500251629429046">http://jefflan.iteye.com/blog/1333578</a> ，多谢！ <p></p>