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 去扩展，当觉得类本身提供的方法和属性