对javascript prototype属性一点认识
2014-01-14 00:00
393 查看
prototype是javascript中的函数(function)的一个保留属性,并且它的值是一个对象,通过以此函数作为构造函数构造出来的对象都自动的拥有构造函数的prototype对象的成员属性和方法。如此一来,prototype的作用就大了:
1.为内建函数添加方法
1)扩展Date实现对时间格式化
2)判断是否存在某字符串
2.实现Javascript继承
1.为内建函数添加方法
1)扩展Date实现对时间格式化
<script language="javascript" type="text/javascript"> <!-- /** * 对Date的扩展,将 Date 转化为指定格式的String * 月(M)、日(d)、12小时(h)、24小时(H)、分(m)、秒(s)、周(E)、季度(q) 可以用 1-2 个占位符 * 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字) * eg: * (new Date()).pattern("yyyy-MM-dd hh:mm:ss.S")==> 2006-07-02 08:09:04.423 * (new Date()).pattern("yyyy-MM-dd E HH:mm:ss") ==> 2009-03-10 二 20:09:04 * (new Date()).pattern("yyyy-MM-dd EE hh:mm:ss") ==> 2009-03-10 周二 08:09:04 * (new Date()).pattern("yyyy-MM-dd EEE hh:mm:ss") ==> 2009-03-10 星期二 08:09:04 * (new Date()).pattern("yyyy-M-d h:m:s.S") ==> 2006-7-2 8:9:4.18 */ Date.prototype.pattern=function(fmt) { var o = { "M+" : this.getMonth()+1, //月份 "d+" : this.getDate(), //日 "h+" : this.getHours()%12 == 0 ? 12 : this.getHours()%12, //小时 "H+" : this.getHours(), //小时 "m+" : this.getMinutes(), //分 "s+" : this.getSeconds(), //秒 "q+" : Math.floor((this.getMonth()+3)/3), //季度 "S" : this.getMilliseconds() //毫秒 }; var week = { "0" : "/u65e5", "1" : "/u4e00", "2" : "/u4e8c", "3" : "/u4e09", "4" : "/u56db", "5" : "/u4e94", "6" : "/u516d" }; if(/(y+)/.test(fmt)){ fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length)); } if(/(E+)/.test(fmt)){ fmt=fmt.replace(RegExp.$1, ((RegExp.$1.length>1) ? (RegExp.$1.length>2 ? "/u661f/u671f" : "/u5468") : "")+week[this.getDay()+""]); } 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; } var date = new Date(); window.alert(date.pattern("yyyy-MM-dd hh:mm:ss")); // --> </script>
2)判断是否存在某字符串
String.prototype.hasString = function(b) { if ("object" == typeof b) { for (var c = 0, f = b.length; c < f; c++) if (!this.hasString(b[c])) return !1; return !0; } if (-1 != this.indexOf(b)) return !0; };
2.实现Javascript继承
//定义一个函数(构造函数),并定义一些属性和方法用来给另外一个构造函数构造出来的对象继承 var function1=function(){ this.name="function1"; this.saySomething=function(){alert("This's a method of "+this.name);}//定义一个方法 } //定义另外一个构造函数 var function2=function(){ } //将构造函数function2的prototype属性设置为一个由function1构造出来的对象,以便使由function2构造出来的对象(并且原本是没有任何属性和方法的对象)拥有function1的属性和方法 function2.prototype=new function1(); var obj1=new function1(); //obj1本来什么成员也没有,多得prototype机制,是它坐享其成地拥有了function1对象的属性和方法。 obj1.saySomething();
相关文章推荐
- js中格式化DATE,javascript中的Prototype属性。
- JavaScript:prototype属性使用方法
- JavaScript中几个重要的属性(this、constructor、prototype)介绍
- javascript之prototype原型属性案例
- 深入理解JavaScript:prototype和__proto__属性
- javascript基础:prototype原型(属性、方法)
- JavaScript中的prototype属性
- JavaScript---网络编程(3)-Object、String、Array对象和prototype属性
- Javascript中的prototype属性使用
- HttpRequest的QueryString属性 的一点认识
- JavaScript中的prototype属性
- Javascript 函数 prototype属性
- JavaScript Object.prototype.constructor属性详解
- JavaScript:prototype属性使用说明
- javascript中的prototype属性
- javascript 原型属性(prototype 属性)与 实例属性(自身属性)
- JavaScript中通过prototype属性共享属性和方法的技巧实例
- JavaScript prototype 属性
- 对javascript 的prototype属性的理解
- JavaScript:prototype属性使用说明