Chinaunix首页 | 论坛 | 博客

SIMPLESlego.blog.chinaunix.net

首页　| 　博文目录　| 　关于我

HuangLei_LEGO

  • 博客访问： 2621357
  • 博文数量： 315
  • 博客积分： 3901
  • 博客等级： 少校
  • 技术积分： 3640
  • 用 户 组： 普通用户
  • 注册时间： 2011-05-08 15:32
个人简介

知乎：https://www.zhihu.com/people/monkey.d.luffy Android高级开发交流群2: 752871516

文章分类

全部博文（315）

文章存档

2019年（2）

2018年（1）

2016年（7）

2015年（32）

2014年（39）

2013年（109）

2012年（81）

2011年（44）

我的朋友
最近访客
推荐博文
相关博文
HTML_CSS_JS学习篇++++JS【继承、覆盖、多态】

分类： Web开发

2015-07-19 16:27:00




jsclassproperty.html

点击(此处)折叠或打开

  1. <!DOCTYPE HTML>
  2. <html>
  3.     <head>
  4.         <script type="text/javascript" language="JavaScript" charset="UTF-8">
  5.             
  6.             /******继承 - 类似使用函数指针来进行构造函数的创建来实现【就是网上说的对象冒充的方式】，当然是你创建子类的时候才会创建
  7.                  重写 - 子类覆盖父类的方法
  8.                  重载 - js不支持【同一个函数、不同参数】
  9.                  多态 - 执行时动态判断类型的技术、延迟绑定【c++】
  10.             */
  11.             
  12.             /*基础类*/
  13.             function Animal(_name, _color, _category)
  14.             {
  15.                 var name = _name;
  16.                 var color = _color;
  17.                 var category = _category;

  19.                 this.getName = function()
  20.                 {
  21.                     return name;
  22.                 }
  23.                 this.getColor = function()
  24.                 {
  25.                     return color;
  26.                 }
  27.                 this.getCategory = function()
  28.                 {
  29.                     return category;
  30.                 }
  31.                 
  32.                 /**默认都是吃米饭**/
  33.                 this.eat = function()
  34.                 {
  35.                     return "吃大米饭!";
  36.                 }
  37.                 
  38.                 /**多态**/
  39.                 this.walk = function(animal)
  40.                 {
  41.                     alert(animal.getName() + "在散步!");
  42.                 }
  43.             }
  44.             /*子类 继承Animal- 小猫*/
  45.             function cat(_name, _color, _category)
  46.             {
  47.                 this.animal = Animal;
  48.                 this.animal(_name, _color, _category);
  49.                 this.shout = function()
  50.                 {
  51.                     alert(this.getName() + "喵喵叫! 想" + this.eat());
  52.                     return this;
  53.                 }

  55.                 /** 覆盖 - 小猫喜欢吃老鼠**/
  56.                 this.eat = function()
  57.                 {
  58.                     return "吃老鼠!";
  59.                 }
  60.             }
  61.             /*子类 继承Animal- 小狗*/
  62.             function dog(_name, _color, _category)
  63.             {
  64.                 this.animal = Animal;
  65.                 this.animal(_name, _color, _category);
  66.                 this.shout = function()
  67.                 {
  68.                     alert(this.getName() + "汪汪叫! 想" + this.eat());
  69.                     return this;
  70.                 }
  71.             }
  72.             /***测试继承***/
  73.             var catObj = new cat("阿花", 1, "猫科");
  74.             catObj.shout().walk(catObj);
  75.             var dogObj = new dog("小黑", 2, "犬科");
  76.             dogObj.shout().walk(dogObj);
  77.         </script>
  78.     </head>
  79.     <body>
  80.         <!--....-->
  81.     </body>
  82. </html>

阅读(1442) | 评论(0) | 转发(0) |
0

上一篇： Big Bang If you 中韩【中文发音】对照表

下一篇：Source Insight代码阅读器

给主人留下些什么吧！~~
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6