JavaScript编写类的扩展方法.pdf
文本预览下载声明
1 / 5
JavaScript 编写类的扩展方法
在 JavaScript 中可以使用类的 prototype 属性来扩展类的属性和方法，在实际开发当中，当 JavaScript 内置的那些类
所提供的动态方法和动态属性不满足我们实际开发时，我们就可以通过prototype属性给自定义类添加方法和属性或者扩展
原有的类中的方法和属性。
一、扩展 JavaScript 内置类，添加动态方法
语法格式：
类名.prototype.方法名 = function([param1],[param2],....[paramn]) {
.................
}
[param1],[param2],....[paramn]这些参数都是可选的
使用这种方式给类添加的扩展方法都是动态的，动态方法是针对类的实例对象的，所以调用必须要用对象.方法名的形
式去调用，不能用类名.方法名的形式去调用！
1.1、使用 prototype 属性扩展 String 类
String 类是 JavaScript 内置的一个类，但是这个 String 类没有 quote 方法，此时就可以使用 String 类的 prototype
属性去扩展 String 类了，为 String 类添加一个实例方法(动态方法)，这样每一个 String 类对象就都有 quote 方法了，这就
达到了将 String 类扩展的效果，增强了 String 类的使用。
1 /*扩展为 String 类，为 String 类增加 quote（两边加字符）方法*/
2 String.prototype.quote = function(quotestr) {
3 if (!quotestr) {
4 quotestr = \;
5 }
6 return quotestr + this + quotestr;
7 };
测试 String 类新添加的 quote 方法
1 alert(abc.quote());
2 alert(abc.quote(|));
测试结果：
2 / 5
1.2、使用 prototype 扩展 Number 类
1 Number.prototype.add=function(n){
2 //哪个对象调用 this 所在的函数，那么 this 代表的就是哪个对象实例
3 return this+n;
4 }
测试 Number 类新添加的 add 方法
1 var i= new Number(10);//等价于 var i=10;
2 alert(i.Add(10).Add(30)的结果是：+i.Add(10).Add(30));
3 var b=40;
4 alert(b.Add(90)的结果是：+b.Add(90));
测试结果：
1.3、使用 prototype 扩展 Array 类
1 Array.prototype.findVal=function(val){
2 var index=-1;
3 //哪个对象调用 this 所在的函数，那么 this 代表的就是哪个对象实例
4 for(var i=0;ithis.length;i++){
3 / 5
5 if(val==this[i]){
6 index=i;
7 break;
8 }
9 }
10 return index;
11 }
测试 Array 类新添加的 findVal 方法
1 var arr = new Array();
2 arr[0]=孤傲苍狼;
3 arr[1]=白虎神皇;
4 arr[2]=灭世魔尊;
5 alert(arr.FindVal(\白虎神皇\)返回的索引是：+arr.FindVal(白虎神皇));
测试结果：
以上三个小例子就是使用类的 prototype 属性扩展了 String 类，Number 类，Array 类，分别给这三个类添加了本身不
存在的 quote，add，findVal 方法，JavaScript 所有的类都可以使用 prototype 去扩展，当觉得类本身提供的方法和属性
显示全部