基于prototype扩展的JavaScript常用函数库

JavaScript是一种基于原型的编程语言，它允许开发者通过原型（prototype）的方式来扩展原生对象的功能。在JavaScript中，Array和Date对象是两个常用的内置对象，分别用于处理数组和日期相关操作。本知识点将详细解释如何利用原型扩展技术来增强这两个对象的能力，使其具备更加丰富的功能。 我们来看如何扩展Array对象以增加检索数组元素的方法。在JavaScript中，原生的数组对象并没有内置直接检查元素是否存在的方法。通过原型扩展，我们可以添加一个新的方法`contains`来实现这一功能。`contains`方法接受一个参数`o`，代表被检索的元素值。如果数组中包含该元素，方法将返回元素的索引；否则返回-1。这个方法的实现利用了传统的for循环遍历数组，逐个比较元素值。 ```javascript Array.prototype.contains = function(o) { var index = -1; for(var i = 0; i < this.length; i++) { if(this[i] == o) { index = i; break; } } return index; } ``` 接下来，我们来看如何扩展Date对象来增加日期格式化和比较日期差的功能。日期格式化方法`format`可以将Date对象转换成指定格式的日期字符串。格式化规则非常灵活，支持年、月、日、星期、时、分、秒的不同组合，通过指定的`formatStr`格式模板来决定最终的输出格式。方法中使用正则表达式替换掉模板中的占位符，如`yyyy`表示四位年份，`MM`表示两位月份等。 ```javascript Date.prototype.format = function(formatStr) { var str = formatStr; var week = ['日', '一', '二', '三', '四', '五', '六']; str = str.replace(/yyyy|YYYY/, this.getFullYear()); str = str.replace(/yy|YY/, (this.getYear() % 100) > 9 ? this.getYear().toString() : '0' + (this.getYear() % 100)); // ... 后续的替换操作类似于上面的方式，根据不同的日期部分进行格式化。 return str; } ``` 比较日期差的方法`dateDiff`用于计算两个日期之间的差异。此方法接受一个表示日期类型的时间间隔`strInterval`（例如天、小时等）和一个结束日期`dtEnd`。通过判断`strInterval`的类型，可以计算出两个日期相差的年、月、日、小时、分钟、秒等不同时间单位的具体数值。该方法使用了switch语句来根据不同的时间单位进行计算，计算结果是一个整数。 ```javascript Date.prototype.dateDiff = function(strInterval, dtEnd) { var dtStart = this; if(typeof dtEnd == 'string'){ // 如果是字符串转换为日期型 dtEnd = StringToDate(dtEnd); } switch(strInterval){ case 's': return parseInt((dtEnd - dtStart) / 1000); case 'n': return parseInt((dtEnd - dtStart) / 60000); // ... 后续针对不同时间单位的计算类似上述的秒和分钟。 case 'm': return (dtEnd.getMonth() + 1) - dtStart.getMonth(); } } ``` 这些扩展方法提供了一种方便快捷的方式，在不改变原有对象的基础上，为Array和Date对象增加了新的功能。在实际的Web开发中，这些扩展的函数库能够极大地提升开发效率，使代码更加简洁和易于维护。不过需要注意的是，使用原型扩展要谨慎，因为如果多个脚本库都对同一个对象的原型进行了扩展，可能会导致冲突。因此在使用原型扩展时，最好遵循一定的命名规范，确保方法名的唯一性，以减少命名冲突的可能性。