javascript的继承——原型链继承

电玩女神 2021-12-09 04:17 551阅读 0赞

**原型链继承方式：**

**Son.prototype = new Father();**

**原型链继承的几个特点：**

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;
        };
    };
    //父类原型上的属性和方法可以被继承
    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 () { };
    Son.prototype = new Father();
    
    var son1 = new Son();
    //打印结果为father father，表示：子类可以正常获取父类构造函数中的属性以及调用父类构造函数中的方法
    console.log(son1.type + " " + son1.getType());
    //打印结果为male male，表示：子类可以正常获取父类原型上的属性以及调用父类原型中的方法
    console.log(son1.gender + " " + son1.getGender());
    //打印结果为undefined driver driver，表示：子类无法获取父类实例上的属性
    console.log(son1.job + " " + father.job + " " + father.getJob());
    //下面的打印会出错，提示son1.getJob不是方法，表示：子类无法调用父类实例上的方法
    //console.log(son1.getJob());
    var son2 = new Son();
    son1.__proto__.type = "new father";
    //打印结果为new father new father，表示：父类构造函数中的属性在所有子类实例中是共享的
    console.log(son1.type + " " + son2.type);
    //同理，父类构造函数中的方法以及父类原型上的属性和方法在所有子类实例中也是共享的

发表评论取消回复

表情：

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

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

相关阅读

相关 JavaScript原型链的继承过程

JavaScript原型链继承 1、定义父类型构造函数 function Father() { this.fatherName = 'fath

旧城等待，/ 2023年08月17日 16:42/ 0 赞/ 138 阅读

相关 JavaScript 原型与继承链

Javacript中的函数只有在需要引用到原型时，才具有构造器的特性。而且函数的构造器总是一个标准的，系统内置的Object()构造器的实例，不过该实例创建后construct

喜欢ヅ旅行/ 2022年10月01日 01:51/ 0 赞/ 277 阅读

相关 javascript （对象继承）原型链

Js所有的函数都有一个prototype属性，这个属性引用了一个对象，即原型对象，也简称原型。这个函数包括构造函数和普通函数. JS中的继承，子函数通过把父

青旅半醒/ 2022年07月17日 03:56/ 0 赞/ 325 阅读

相关 javascript 原型链继承

JavaScript中没有类的概念,只有一个构造函数来创建对象。但是JavaScript也可以实现继承。首先要说的是,JavaScript中的对象分为函数对象和普通对象

- 日理万妓/ 2022年07月13日 11:50/ 0 赞/ 397 阅读

相关 JavaScript原型链继承的对比

1、代码 function Person(name, age) { this.name = name; this.age = age; }

爱被打了一巴掌/ 2022年06月18日 08:24/ 0 赞/ 292 阅读

相关 Javascript中的原型、原型链、继承

原型链和基于原型链的继承原型要了解原型链，我们得先来了解原型每个函数（构造）被创建时，系统会自动为这个构造函数创建并关联一个空的对象，这个空的对象就是

落日映苍穹つ/ 2022年06月15日 02:07/ 0 赞/ 410 阅读

相关 javascript中的继承-----原型链

很多OO语言都支持两种继承方式：接口继承和实现继承。但在ECMAScript中无法实现接口继承,只支持实现继承，而且其实现继承主要是依靠原型链来实现的。

r囧r小猫/ 2022年06月10日 04:40/ 0 赞/ 354 阅读

相关图解JavaScript原型链继承

JavaScript是基于原型链的继承的，忘掉类的继承，从原型链入手。普通对象函数对象 JavaScrip只有一种结构：对象通过new Functio

小灰灰/ 2022年03月14日 13:22/ 0 赞/ 417 阅读

相关继承、原型链继承、拷贝继承

0.为什么要使用继承方法可能功能相似，但是不是同一个方法(没有指向同一块内存，会造成内存浪费) <!DOCTYPE html> <html lang

红太狼/ 2022年01月30日 11:19/ 0 赞/ 391 阅读

相关 javascript的继承——原型链继承

原型链继承方式： Son.prototype = new Father(); 原型链继承的几个特点： 1. 父类构造函数中的属性和方法都可以被子类继承； 2. 父类原

电玩女神/ 2021年12月09日 04:17/ 0 赞/ 552 阅读