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

爱被打了一巴掌 2021-12-09 04:39 414阅读 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 条评论，414人围观）

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

相关阅读

相关构造函数的继承

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

秒速五厘米/ 2023年07月15日 20:28/ 0 赞/ 16 阅读

相关理解javascript构造函数继承

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

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

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

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

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

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

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

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

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

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

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

相关继承和构造函数笔记

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

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

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

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

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

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

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

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

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

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

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

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQx

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