<!doctype html>

 <html>

     <head>

         <meta charset="utf-8">

         <meta name="description" content="">

         <meta name="viewport" content="width=device-width, initial-scale=1">

         <script>

  // es5里面的类  

 //1.最简单的类

         // function Person(){

         //     this.name='张三';

         //     this.age=20;

         // }

         // var p=new Person();

         // alert(p.name);

 //2、构造函数和原型链里面增加方法

         // function Person(){

         //     this.name='张三';  /*属性*/

         //     this.age=20;

         //     this.run=function(){

         //         alert(this.name+'在运动');

         //     }

         // }

         // //原型链上面的属性会被多个实例共享   构造函数不会

         // Person.prototype.sex="男";

         // Person.prototype.work=function(){

         //     alert(this.name+'在工作');

         // }

         // var p=new Person();

         // // alert(p.name);

         // // p.run();

         // p.work(); //调用原型方法

 //3类里面的静态方法

         // function Person(){

         //     this.name='张三';  /*属性*/

         //     this.age=20;

         //     this.run=function(){  /*实例方法*/

         //         alert(this.name+'在运动');

         //     }

         // }

         //声明静态方法

         // Person.getInfo=function(){

         //     alert('我是静态方法');

         // }

         // //原型链上面的属性会被多个实例共享   构造函数不会

         // Person.prototype.sex="男";

         // Person.prototype.work=function(){

         //     alert(this.name+'在工作');

         // }

         // var p=new Person();

         // p.work();

         // //调用静态方法

         // Person.getInfo();

 // 4、es5里面的继承   对象冒充实现继承

     //    function Person(){

     //         this.name='张三';  /*属性*/

     //         this.age=20;

     //         this.run=function(){  /*实例方法*/

     //             alert(this.name+'在运动');

     //         }

     //     }

     //     Person.prototype.sex="男";

     //     Person.prototype.work=function(){

     //          alert(this.name+'在工作');

     //     }

     //     //Web类 继承Person类   使用原型链+对象冒充的组合继承模式

     //     function Web(){

     //         Person.call(this);    /*对象冒充实现继承*/

     //     }

     //     var w=new Web();

     //    // w.run();  //对象冒充可以继承构造函数里面的属性和方法

     //     w.work();  //对象冒充可以继承构造函数里面的属性和方法   但是没法继承原型链上面的属性和方法

 // 5、es5里面的继承   原型链实现继承

     //    function Person(){

     //         this.name='张三';  /*属性*/

     //         this.age=20;

     //         this.run=function(){  /*实例方法*/

     //             alert(this.name+'在运动');

     //         }

     //     }

     //     Person.prototype.sex="男";

     //     Person.prototype.work=function(){

     //          alert(this.name+'在工作');

     //     }

     //     //Web类 继承Person类   原型链+对象冒充的组合继承模式

     //     function Web(){

     //     }

     //    Web.prototype=new Person();   //原型链实现继承

     //    var w=new Web();

     //     //原型链实现继承:可以继承构造函数里面的属性和方法 也可以继承原型链上面的属性和方法

     //     //w.run();

     //     w.work();

 // 6、 原型链实现继承的 问题？

     //    function Person(name,age){

     //         this.name=name;  /*属性*/

     //         this.age=age;

     //         this.run=function(){  /*实例方法*/

     //             alert(this.name+'在运动');

     //         }

     //     }

     //     Person.prototype.sex="男";

     //     Person.prototype.work=function(){

     //          alert(this.name+'在工作');

     //     }

     //    var p=new Person('李四',20);

     //    p.run();

     // function Person(name,age){

     //         this.name=name;  /*属性*/

     //         this.age=age;

     //         this.run=function(){  /*实例方法*/

     //             alert(this.name+'在运动');

     //         }

     // }

     // Person.prototype.sex="男";

     // Person.prototype.work=function(){

     //         alert(this.name+'在工作');

     // }

     // function Web(name,age){

     // }

     // Web.prototype=new Person();

     // var w=new Web('赵四',20);   //实例化子类的时候没法给父类传参

     // w.run();   //undefined 在运动

     // // var w1=new Web('王五',22);

 //7.原型链+对象冒充的组合继承模式

 //   function Person(name,age){

 //             this.name=name;  /*属性*/

 //             this.age=age;

 //             this.run=function(){  /*实例方法*/

 //                 alert(this.name+'在运动');

 //             }

 //     }

 //     Person.prototype.sex="男";

 //     Person.prototype.work=function(){

 //             alert(this.name+'在工作');

 //     }

 //     function Web(name,age){

 //         Person.call(this,name,age);   //对象冒充继承   实例化子类可以给父类传参

 //     }

 //     Web.prototype=new Person();

 //     var w=new Web('赵四',20);   //实例化子类的时候没法给父类传参

 //     // w.run();

 //     w.work();

 //     // var w1=new Web('王五',22);

 //8、原型链+对象冒充继承的另一种方式

    function Person(name,age){

             this.name=name;  /*属性*/

             this.age=age;

             this.run=function(){  /*实例方法*/

                 alert(this.name+'在运动');

             }

     }

     Person.prototype.sex="男";

     Person.prototype.work=function(){

             alert(this.name+'在工作');

     }

     function Web(name,age){

         Person.call(this,name,age);   //对象冒充继承  可以继承构造函数里面的属性和方法、实例化子类可以给父类传参

     }

     Web.prototype=Person.prototype;

     var w=new Web('赵四',20);   //实例化子类的时候没法给父类传参

      w.run();

     // w.work();

     // var w1=new Web('王五',22);

         </script>

     </head>

     <body>

     </body>

 </html>

es5中类与继承的更多相关文章

  1. typescript中类的继承

    typescript中类的继承用到的是:extends和super 先看一下typescript中类的写法: class Demo{ //类的属性 name:string; age:number; / ...

  2. python中类的继承

    python中类的继承 在python中面向对象编程中实现继承,以下面一个实例进行说明. class SchoolMenber(): # __init__类似于c++中的构造函数 # __init__ ...

  3. Java中类的继承，属性和方法的四种修饰符的作用范围，final关键字，java的三大特点中的2个：封装和多态，以及多态的一个设计模式，模板方法模式（template method）

    (一)Java中的继承: 关于继承,在Java中类的继承只能是单继承,不像C+++那样灵活,可以多继承,多继承的后果就是各种关系乱套,就相当于一个孩子有2个母亲一样,社会关系的复杂,不利于程序后期的开 ...

  4. 彻底理解什么是原型链，prototype和__proto__的区别以及es5中的继承

    再讲一遍好了( 参考https://blog.csdn.net/cc18868876837/article/details/81211729 https://blog.csdn.net/lc23742 ...

  5. es5与es6继承思考

    es5与es6继承思考 es6继承 class Father{ constructor(name){ this.name = name; } getName(){ console.log(this.n ...

  6. 浅谈ES5和ES6继承和区别

    最近想在重新学下ES6,所以就把自己学到的,记录下加强下自己的理解 首先先简单的聊下ES5和ES6中的继承 1.在es5中的继承: function parent(a,b){ this a = a; ...

  7. ES6中的类继承和ES5中的继承模式详解

    1.ES5中的继承模式 我们先看ES5中的继承. 既然要实现继承,首先我们得要有一个父类. Animal.prototype.eat = function(food) { console.log(th ...

  8. Java中类的继承深入剖析

    在Java开发中,我们常常用到继承这一概念,可以说继承是Java这类面向对象编程语言的基石.正是有了继承这个概念,使得我们可以创建分等级层次的类.今天小编就和大家一起来深入聊聊Java语言的继承. 在 ...

  9. 《挑战30天C++入门极限》图例实解:C++中类的继承特性

        图例实解:C++中类的继承特性 整个c++程序设计全面围绕面向对象的方式进行,类的继承特性是c++的一个非常非常重要的机制,继承特性可以使一个新类获得其父类的操作和数据结构,程序员只需在新类中 ...

随机推荐

  1. OpenGL编程-OpenGL框架-win32项目

    在win32项目中开发的程序 小知识: 控制台应用程序运行就是dos的界面 项目一般采用了可视化开发 开发出来的东西就像QQ之类的 是有窗口界面的 程序运行结果是这样的 源代码:对第45行进行覆盖 # ...

  2. confluence 新tab 页面打开 kibana short link

    confluence 新tab 页面打开 https://confluence.atlassian.com/confkb/how-to-force-links-to-open-in-a-new-win ...

  3. msyql开启慢查询以及分析慢查询

    慢查询的用途是用来发现执行时间长的查询语句,以便对这些语句进行优化 [mysqld] #在这里面增加,其它地方无效 #server-id=1 #log-bin=master-bin slow_quer ...

  4. 迭代器和增强型for循环

    ★迭代器: Java集合框架的集合类,我们有时候称之为容器.容器的种类有很多种,比如ArrayList.LinkedList.HashSet...,每种容器都有自己的特点,ArrayList底层维护的 ...

  5. android设备兼容性

    原文地址:http://developer.android.com/guide/practices/compatibility.html android被设计成能够在多种不同的设备上执行的系统,为了达 ...

  6. centos7编译安装php7.2

    去官网下载php7.2安装包,选择一个结点下载:http://php.net/downloads.php 下载:wget -ivh http://cn.php.net/distributions/ph ...

  7. C166-变量和函数指定物理地址之二

    按照<RENAMECLASS Compiler Directive>http://www.keil.com/support/man/docs/c166/c166_renameclass.h ...

  8. pyhanlp 中文词性标注与分词简介

    pyhanlp 中文词性标注与分词简介 pyhanlp实现的分词器有很多,同时pyhanlp获取hanlp中分词器也有两种方式 第一种是直接从封装好的hanlp类中获取,这种获取方式一共可以获取五种分 ...

  9. OpenEXR-2.2.0在Win7 x64系统下的安装方法

    最近在研究openexr这种文件格式,免不得安装一下OpenEXR软件,这个软件是开源的,需要编译安装,我的安装方法是这样的,分享一下. 一:去官网http://www.openexr.com/dow ...

  10. [VC6,VC9] [ts,nts,deb] [rpm,msi] 你需要下载什么格式的文件

    1.VC6与VC9的区别 VC6版本是使用Visual Studio 6编译器编译的,如果你的PHP是用Apache来架设的,那你就选择VC6版本. VC9版本是使用Visual Studio 200 ...