<!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Title</title>

     <script>

         /**

          * 为什么需要原型以及原型的使用：

          * 1.原型也是一个对象，通过原型可以实现对象的属性继承

          */

         function Person(name,sex) {

             this.name = name || "匿名";

             this.sex = sex || "男";

         }

         // 构造函数 - 学生

         function Student(a,b,number) {

             // 借用继承

             // 继承Person的属性

             Person.call(this,a,b);

             this.number = number;

         }

         // 借用继承的缺点：

         // 通过原型对象添加属性/ 方法，无法顺利继承过来

         // 因为call其实只会调用Person构造函数内部的属性

         Person.prototype.sayHi = function () {

             console.log("我是Person，我是男生");

         }

         // 原型继承:继承Person的原型方法

         // 这句话可以让Student 从Person身上继承过来一些属性

         // 原型继承的缺点： 暂时还改动不了从原型继承过来的属性/方法

         Stuent.prototype = new Person();

         // 由于实例对象没有constroctor，手动指向

         Student.prototype.constructor = Person;

         var stu1 = new Student("小明","男","一号男主角");

         console.log(stu1);

         stu1.sayHi();

         console.log(stu1.name);

     </script>

 </head>

 <body>

 </body>

 </html>

JavaScript--对象继承（组合继承）的更多相关文章

  1. web前端学习(二) javascript对象和原型继承

    目录 1. JavaScrpt对象 2. 原型对象和继承 3. 对象的克隆 (1)javascript对象 在JS中,对象是属性的容器.对于单个对象来说,都由属性名和属性值构成:其中属性名需要是标识符 ...

  2. Typescript中的类 Es5中的类和静态方法和继承（原型链继承、对象冒充继承、原型链+对象冒充组合继承）

    <!doctype html> <html> <head> <meta charset="utf-8"> <meta name ...

  3. JavaScript对象创建，继承

    创建对象 在JS中创建对象有很多方式,第一种: var obj = new Object(); 第二种方式: var obj1 = {};//对象直面量 第三种方式:工厂模式 function Per ...

  4. javascript对象创建及继承

    //****************************************************************************** //创建类的多种方式 //------ ...

  5. JS高阶---继承模式（借用构造函数继承+组合继承）

    (1)借用构造函数继承 案例如下: 验证: (2)组合继承 案例如下: 验证如下: 结果如右图所示 . .

  6. javascript --- 对象之间的继承

    了解这一章之前,先把我们之前讲到的以构造函数创建对象为前提的继承抛到一边. 首先,我们先用一个var o = {}创建一个没有任何属性的空对象作为我们的‘画板’,然互在逐步向这个画板里添加属性,和方法 ...

  7. 🍓JavaScript 对象原型链继承的弊端 🍓

  8. javascript组合继承

    javascript继承有几种继承方式,现在来说说其中的组合继承. 组合继承是结合了原型链和借用构造函数这两种技术的继承方式,分别利用它们的长处,避免了短处.那就先说说这两种技术吧. 原型链  原型链 ...

  9. javascript学习笔记--经典继承、组合继承、原型式继承、寄生继承以及寄生组合继承

    经典继承 js中实现经典继承的方式是通过构造函数来实现的,即在子类中对父类调用call方法. function Geometric() { this.time = ""; this ...

  10. 深入浅出javascript（十二）继承——构造函数继承和组合继承

    #题记: 有一水果类,抽象出属性包括:name(水果品种),price(价格),id(ID号).现有两个子类,分别为苹果,桔子,希望继承水果父类. 一.构造函数继承 构造函数继承相当把父类的属性在子类 ...

随机推荐

  1. mysqlbinlog: unknown variable 'default-character-set=utf8'

    [xxx@dbhost log]$ mysqlbinlog mysql-bin. mysqlbinlog: unknown variable 'default-character-set=utf8' ...

  2. vue 学习 二

    动画 <transition name="fade"> <p v-if="show">hello</p> </tran ...

  3. java虚拟机(十一)--GC日志分析

    GC相关:java虚拟机(六)--垃圾收集器和内存分配策略 java虚拟机(五)--垃圾回收机制GC 打印日志相关参数: -XX:+PrintGCDetails -XX:PrintGCTimestam ...

  4. vue.js_08_vue-组件的定义

    1.vue组件常用定义方式 <body> <div id="app"> <!--1.3使用组件--> <mycom1></my ...

  5. [转]js模块化（一）

    java有类文件.Python有import关键词.Ruby有require关键词.C#有using关键词.PHP有include和require.CSS有@import关键词,但是对ES5版本的ja ...

  6. Tomcat6 配置快逸报表

    一.下载快逸报表程序,安装并创建报表 thunder://QUFodHRwOi8vZnRwY25jLXAyc3AucGNvbmxpbmUuY29tLmNuL3B1Yi9kb3dubG9hZC8yMDE ...

  7. docker启动单节点server模式的consul | Bitdoom

    原文:docker启动单节点server模式的consul | Bitdoom docker启动单节点server模式的consul 2017-09-07 环境:MacOSX, consul_0.9. ...

  8. 知道了为什么osg::impostor可以这样设置geometry的QUADS了

    之前一直不理解为什么osg::impostor里面的impostorSprite可以直接设置impostorSprite->getCoords()来设置geometry的四个边角,其实是因为这个 ...

  9. pytorch dataloader 取batch_size时候 出现bug

    1.RuntimeError: invalid argument 0: Sizes of tensors must match except in dimension 0. Got 342 and 2 ...

  10. Leetcode520Detect Capital检测大写字母

    给定一个单词,你需要判断单词的大写使用是否正确. 我们定义,在以下情况时,单词的大写用法是正确的: 全部字母都是大写,比如"USA". 单词中所有字母都不是大写,比如"l ...