WEB开发网
开发学院网页设计JavaScript JavaScript的相关继承笔记以及使用外部库实现Java... 阅读

JavaScript的相关继承笔记以及使用外部库实现JavaScript的面向对象特性

 2009-09-11 00:00:00 来源:WEB开发网   
核心提示: ◎使用apply()方法实现继承:apply(obj,options[...]) 第一个参数等同于call方法的第一个参数,第二个参数为一个以传入参数为元素的数组,JavaScript的相关继承笔记以及使用外部库实现JavaScript的面向对象特性(3), 1. .... //代码同上 2.

◎使用apply()方法实现继承:

apply(obj,options[...])   第一个参数等同于call方法的第一个参数,第二个参数为一个以传入参数为元素的数组。

   1. ....   //代码同上 
   2. function Child(cName,cNumber){ 
   3.      
   4.     Parent.apply(this,new Array(cName)); 
   5. 
   6.     Mother.call(this,new Array(cName)); 
   7. 
   8.     this.number = cNumber; 
   9.     this.sayNumber = function(){ 
  10.       alert(this.number); 
  11.     }; 
  12. }

◎使用原型链实现继承:

关键代码为 Child.prototype = new Parent(); 将Parent的属性和方法赋予Child。在原型链的使用中,对子类的构造函数不传递参数是标准做法。

   1. <script type="text/javascript"> 
   2. function Parent(pName){ 
   3.    this.name = pName; 
   4.    this.sayMyName = function(){ 
   5.       alert(this.name); 
   6.    }; 
   7. } 
   8. 
   9. function Child(){ 
  10. } 
  11. Child.prototype = new Parent(); 
  12. Child.prototype.name = ""; 
  13. Child.prototype.number = 0; 
  14. Child.prototype.sayNumber = function(){ 
  15.       alert(this.number); 
  16.     }; 
  17. 
  18. var ObjP =new Parent("HideHai"); 
  19. //var ObjM =new Mother("Hidewow"); 
  20. var ObjC =new Child("HideLow"); 
  21. 
  22. ObjC.name = "HideLow"; 
  23. ObjC.number = 3; 
  24. 
  25. ObjP.sayMyName(); 
  26. ObjC.sayMyName(); 
  27. ObjC.sayNumber(); 
  28.   </script>

上一页  1 2 3 4 5 6  下一页

Tags:JavaScript 相关 继承

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接