javascript的继承——构造函数继承

爱被打了一巴掌 2021-12-09 04:39 396阅读 0赞

**构造函数继承方式：**

**Father.call(this, args);**

**构造函数继承的几个特点：**

1.  父类构造函数中的属性和方法都可以被子类继承；
2.  父类原型上的属性和方法无法被继承；
3.  父类实例上的属性和方法无法被继承；
4.  父类构造函数中的属性和方法在所有子类实例中是不共享的；
5.  创建子类实例时可以向父类构造函数传参；
6.  允许多重继承（同时继承多个不同的父类）。

下面上一个构造函数继承的例子：

var Father = function (id) { 
        //父类构造函数中的属性和方法可以被继承
        this.id = id;
        this.type = "father";
        this.getId = function () { 
            return this.id;
        };
        this.getType = function () { 
            return this.type;
        };
    };
    var Mother = function (id) { 
        this.mType = "mother";
    };
    //父类原型上的属性和方法无法被继承
    Father.prototype.gender = "male";
    Father.prototype.getGender = function () { 
        return this.gender;
    };
    
    //父类实例上的属性和方法无法被继承
    var father = new Father();
    father.job = "driver";
    father.getJob = function () { 
        return this.job;
    };
    
    var Son = function (id) { 
        //允许多重继承
        Father.call(this, id);
        Mother.call(this);
    };
    var son1 = new Son(1);
    //打印结果为father father，表示：子类可以正常调用父类构造函数中的属性和方法
    console.log(son1.type + " " + son1.getType());
    //下面的打印会出错，提示son1.getGender不是方法，表示：子类无法调用父类原型上的属性和方法
    // console.log(son1.getGender());
    //打印结果为undefined driver driver，表示：子类无法获取父类实例上的属性（同样也无法调用父类实例上的方法）
    console.log(son1.job + " " + father.job + " " + father.getJob());
    //打印结果为father mother，表示：子类可以同时继承多个父类
    console.log(son1.type + " " + son1.mType);
    var son2 = new Son(2);
    //打印结果为1 2，表示：父类构造函数中的属性和方法在所有子类实例中是不共享的
    console.log(son1.id + " " + son2.id);

发表评论取消回复

表情：

评论列表（有 0 条评论，396人围观）

还没有评论，来说两句吧...

相关阅读

相关 C++类公有继承、私有继承、保护继承、构造函数、虚函数的工作原理

继承构造函数：访问权限的考虑基类和派生类之间的特殊关系多态公有继承虚函数的工作原理使用虚函数的成本：注意事项

忘是亡心i/ 2022年12月17日 07:28/ 0 赞/ 159 阅读

相关理解javascript构造函数继承

对象之间的继承有以下几个方法：用call和apply(不推荐单独使用，定义在prototype中的属性和方法不能继承) prototype模式(注意protot

浅浅的花香味﹌/ 2022年09月23日 15:57/ 0 赞/ 208 阅读

相关 Javascript 面向对象编程（一）：封装/构造函数的继承/非构造函数的继承

原文地址：http://www.ruanyifeng.com/blog/2010/05/object-oriented\_javascript\_encapsulation.h

清疚/ 2022年07月16日 08:09/ 0 赞/ 250 阅读

相关 Javascript面向对象编程（二）：构造函数的继承

作者： [阮一峰][Link 1] 日期： [2010年5月23日][2010_5_23] 这个系列的[第一部分][Link 2]，主要介绍了如何"封装"数据

秒速五厘米/ 2022年06月07日 12:52/ 0 赞/ 222 阅读

相关 javascript中的深浅拷贝（非构造函数的继承）

首先，我们应该明确深浅拷贝是针对`Array`、`Object`这样的复杂类型的。一常见的深浅拷贝的方法（1）数组和对象的浅拷贝如果是数组，我们可以利用数组的一

红太狼/ 2022年05月23日 07:37/ 0 赞/ 198 阅读

相关继承和构造函数笔记

package com.box; public class Box { double width; double height;

骑猪看日落/ 2022年05月17日 13:09/ 0 赞/ 206 阅读

相关 javascript的继承——构造函数继承

构造函数继承方式： Father.call(this, args); 构造函数继承的几个特点： 1. 父类构造函数中的属性和方法都可以被子类继承； 2. 父类原型上的

爱被打了一巴掌/ 2021年12月09日 04:39/ 0 赞/ 397 阅读

相关 Java继承中的“构造函数”

一、父类中没有定义任何构造方法代码示例： // 父类 class Vehicle{} // 子类 class Car ext

Love The Way You Lie/ 2021年09月30日 06:48/ 0 赞/ 347 阅读

相关 Javascript面向对象编程：构造函数的继承

今天要介绍的是，对象之间的"继承"的五种方法。比如，现在有一个"动物"对象的构造函数。 > 　　function Animal()\{ > > 　　　　this.sp

矫情吗；*/ 2021年09月14日 06:54/ 0 赞/ 409 阅读

相关函数原型构造函数安全类构造函数继承原型式继承组合式继承寄生式继承寄生组合式继承内置构造函数

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQx

超、凢脫俗/ 2021年09月02日 07:05/ 0 赞/ 412 阅读