1. //父类
  2. function BaseFun() {
  3. var hello = "HelloWorld";
  4. this.HelloPublic = "Hello--World";
  5.  
  6. var privatefun = function () {
  7. alert("hellow");
  8. }
  9.  
  10. this.publicfun = function () {
  11. var a = this.HelloPublic;
  12. alert("this is public funtion" + a);
  13. }
  14. }
  15.  
  16. //子类
  17. function SubFun() {
  18. BaseFun.apply(this, arguments);// 建立继承关系
  19. this.SubHello = function () {
  20. alert("sub ok");
  21. }
  22. }
  23.  
  24. //动物基类
  25. function BaseAnimal() {
  26. this.Type = "Animal";
  27. this.Eat = function () {
  28. alert(this.Type + "会吃东西方法");
  29. }
  30. this.Walter = function () {
  31. alert(this.Type + "喝水");
  32. }
  33. }
  34.  
  35. //猪子类
  36. function Pie() {
  37. //子类方法覆盖父类方法
  38. this.Eat = function (arg) {
  39. alert(arg);
  40. }
  41. }
  42.  
  43. //狗子类
  44. function Dog() {
  45.  
  46. }
  47. //prototype属性,指定为该属性的值,该构造器的实例对象自动继承
  48. Dog.prototype={
  49. eatfood:function () {
  50. alert("吃东西");
  51. },
  52. sleep:function () {
  53. alert("睡觉");
  54. }
  55. };
  1. function getFun() {
  2. var basef=new BaseFun();
  3. var a=basef.HelloPublic;
  4.  
  5. basef.HelloPublic="我是父类";
  6. basef.publicfun();
  7.  
  8. var sub=new SubFun();
  9. sub.HelloPublic="我是子类";
  10. sub.publicfun();
  11.  
  12. var pie=new Pie();
  13. pie.Eat("吃东西");
  14.  
  15. //建立继承关系
  16. Pie.prototype=new BaseAnimal();
  17. var p=new Pie();
  18. p.Type="猪";
  19. p.Walter();
  20.  
  21. var dog=new Dog();
  22. dog.sleep();
  23. dog.eatfood();
  24. }

JS OOP编程的更多相关文章

  1. 关于Js OOP编程 创建对象的一些理解。

    面向对象是一种对现实世界理解和抽象的方法,是计算机编程技术发展到一定阶段后的产物. 对象的含义          对象可以是汽车,人,动物,文字,表单或者任何存在的事物等等. 对象有: 属性----- ...

  2. js原生设计模式——4安全的工厂方法模式之oop编程增强版

    <!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8&qu ...

  3. 带你一分钟理解闭包--js面向对象编程

    上一篇<简单粗暴地理解js原型链--js面向对象编程>没想到能攒到这么多赞,实属意外.分享是个好事情,尤其是分享自己的学习感悟.所以网上关于原型链.闭包.作用域等文章多如牛毛,很多文章写得 ...

  4. 从273二手车的M站点初探js模块化编程

    前言 这几天在看273M站点时被他们的页面交互方式所吸引,他们的首页是采用三次加载+分页的方式.也就说分为大分页和小分页两种交互.大分页就是通过分页按钮来操作,小分页是通过下拉(向下滑动)时异步加载数 ...

  5. JS魔法堂:深究JS异步编程模型

    前言  上周5在公司作了关于JS异步编程模型的技术分享,可能是内容太干的缘故吧,最后从大家的表情看出"这条粉肠到底在说啥?"的结果:(下面是PPT的讲义,具体的PPT和示例代码在h ...

  6. PHP面向对象(OOP)编程入门教程

    面向对象编程(OOP)是我们编程的一项基本技能,PHP5对OOP提供了良好的支持.如何使用OOP的思想来进行PHP的高级编程,对于提高 PHP编程能力和规划好Web开发构架都是非常有意义的.下面我们就 ...

  7. js异步编程

    前言 以一个煮饭的例子开始,例如有三件事,A是买菜.B是买肉.C是洗米,最终的结果是为了煮一餐饭.为了最后一餐饭,可以三件事一起做,也可以轮流做,也可能C需要最后做(等A.B做完),这三件事是相关的, ...

  8. 【PHP面向对象(OOP)编程入门教程】1.什么是面向对象?

    面向对象编程(Object Oriented Programming, OOP, 面向对象程序设计)是一种计算机编程架构,OOP的一条基本原则是计算机程序是由单个能够起到子程序作用的单元或对象组合而成 ...

  9. Node.js高级编程读书笔记Outline

    Motivation 世俗一把,看看前端的JavaScript究竟能做什么. 顺便检验一下自己的学习能力. Audience 想看偏后台的Java程序员关于前端JavaScript的认识的职业前端工程 ...

随机推荐

  1. pycharm licenseserver 注册方法

    pycharm5.0之后,以前的很多注册码都无法使用,可以选择使用license server 方式进行注册,方法如下: 注册方法:    在 注册时选择 License server ,填 http ...

  2. python 数据库

    什么是数据库? 数据库(Database)是按照数据结构来组织.存储和管理数据的仓库,每个数据库都有一个或多个不同的API用于创建,访问,管理,搜索和复制所保存的数据.我们也可以将数据存储在文件中,但 ...

  3. sp_MSforeachtable 与 sp_MSforeachdb

    在MSSQL里有许多不公开的系统存储过程,其中可能常用的sp_MSforeachtable和sp_MSforeachdb有这2个.分别用于遍历某数据库的每个用户表.每个数据库. sp_MSforeac ...

  4. python直接执行另一个文件中的代码

    看你弄的这么辛苦,给你的方法exec(open(".py","r").read)open(".py",'r').read() 就是读取文件的 ...

  5. 161223、mysql锁的两个例子

    版本:mysql5.5.52 存储引擎:InnoDB 隔离级别:READ-COMMITTED 示例一: 事务1:左图      事务2:右图 1. 事务2中属于快照读,基于多版本的并发控制协议--MV ...

  6. Dashborad 上显示出错

    Dashboard 上显示的错误是因为没有选择对应的X-坐标. 上周处理过 一个字段,它是一个Formula 字段,作为Dashboard的 Data Source 前提是报表是得Group by 一 ...

  7. Dynamics AX 2012 R3 仓库和运输管理系列 - 仓库管理模块安装与配置

        在AX 2012 R3版本中,新增了仓库和运输管理模块,同时提供了一个在移动设备上进行仓库管理工作的网站.在这个系列里,与Reinhard一起,了解仓库和运输管理模块吧.     需要注意的是 ...

  8. 提供在线制作icon的网站

    http://www.ico.la/ http://www.makeico.com/ http://free.logomaker.cn/tools/icoMaker.aspx http://ico.5 ...

  9. QFile QDataStream QTextStream

    #include <QCoreApplication> #include <QMap> #include <QFile> #include <QDir> ...

  10. session详解

    什么是Session 对Tomcat而言,Session是一块在服务器开辟的内存空间,其存储结构为ConcurrentHashMap: Session的目的 Http协议是一种无状态协议,即每次服务端 ...