JavaScript定义原型对象和继承对象的实例

发布时间:2021-09-13 16:40:04 作者:chen
来源:亿速云 阅读:117

这篇文章主要讲解了“JavaScript定义原型对象和继承对象的实例”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript定义原型对象和继承对象的实例”吧!

 定义原型对象,继承对象.示例代码如下:

  1. <html>

  2. <head>

  3.     <TITLE>原型_对象_继承</TITLE>

  4.     <SCRIPT Language = "JavaScript">

  5.     {


  6.         function Circle(x,y,r)

  7.         {

  8.             this.x=x;

  9.             this.y=y;

  10.             this.r=r;

  11.         }

  12.         Circle.prototype.pi = 3.1415926;

  13.         function Circle_circumference()

  14.         {

  15.             return 2*this.pi*this.r;

  16.         }


  17.         Circle.prototype.circumference = Circle_circumference;

  18.         var cnew Circle(0.0, 0.0, 5);

  19.         var p = c.circumference();


  20.         document.write("<br>c圆的周长为Circle(0.0, 0.0, 5):",p);


  21.         document.write("<br>继承");

  22.         function Circle_area()

  23.         {

  24.             return this.pi*this.r*this.r;

  25.         }

  26.         Circle.prototype.area = Circle_area;

  27.         var mji = c.area();

  28.         document.write("<br>c圆的面积为:",mji);



  29.         document.write("<br><br>重定义:不继承Circle(0.0, 0.0, 10);");

  30.         var C3 = new Circle(0.0, 0.0, 10);

  31.         function area()

  32.         {

  33.             return 3*this.pi*this.r*this.r;

  34.         }

  35.         C3.area = area;

  36.         p = C3.circumference();

  37.         mji = C3.area();

  38.         document.write("<br>C3圆的周长为:",p);

  39.         document.write("<br>C3圆的面积为:",mji);

  40.     }

  41.     </SCRIPT>

  42. </head>

  43. </html>

感谢各位的阅读,以上就是“JavaScript定义原型对象和继承对象的实例”的内容了,经过本文的学习后,相信大家对JavaScript定义原型对象和继承对象的实例这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!

推荐阅读:
  1. 用实例详解JS原型对象操作
  2. JavaScript面向对象程序设计中对象的定义和继承详解

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

javascript

上一篇:HTML5如何实现自定义样式与日历校验功能

下一篇:如何使用php foreach修改值

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》