js中的继承

妖狐艹你老母 2022-09-16 04:48 169阅读 0赞

## 1、原型链继承 ##

子类的原型指向父类的实例，缺点：子类有多个实例，一个实例改变值是引用类型的属性的值会改变其他实例的相同属性的值；无法对父类进行传参

function Person(){
        this.name = ['张三']
    }
    
    Person.prototype.getName = function(){
        return this.name
    }
    
    function Child(){
    
    }
    
    Child.prototype = new Person();
    
    Child.prototype.constructor = Child
    
    var child1 = new Child();
    var child2 = new Child();
    
    child1.name[0] = '李四'
    
    console.log(child1)   //['李四']
    console.log(child2)   //['李四']
    
    console.log(child1.getName()) //['李四']
    console.log(child2.getName()) //['李四']

## 2、构造函数继承 ##

在子类的构造函数中执行父类的构造函数，并且为其绑定子类的this；

缺点：无法继承访问父类原型上的方法和属性

function Parent(name){
        this.name = [name]
    }
    
    Parent.prototype.getName = function(){
        return this.name
    }
    
    function Child(){
        Parent.call(this,'蔡大大')
    }
    
    const child1 = new Child();
    const child2 = new Child();
    
    child1.name = ['鹿晗']
    
    console.log(child1.name)  // 鹿晗
    console.log(child2.name)  // 蔡大大
    console.log(child2.getName)   // 访问不到

## 3、寄生组合式继承 ##

function Parent(name){
        this.name = [nama]
    }
    
    Parent.prototype.getName = function(){
        return this.name
    }
    
    function Child(){
        Parent.call(this,"蔡大大")
    }
    
    Child.prototype = Object.create(Parent.prototype)  
    //Child.prototype.__proto__ == Parent.prototye true
    Child.prototype.constructor = Child
    const child1 = new Child();
    const parent = new Parent("鹿晗");
    
    console.log(child1.getName())  // ['蔡大大']
    console.log(parent.getName())  // ['鹿晗']

发表评论取消回复

表情：

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

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

相关阅读

相关 js中的继承

想要继承，就必须要提供个父类（继承谁，提供继承的属性）父类 function People(name,age) \{给构造函数添加了参数 ...

妖狐艹你老母/ 2024年04月19日 13:01/ 0 赞/ 62 阅读

相关 js中的继承方式

目录： * * * 一、前言 * 二、继承的几种方式 * * * 1.借用构造函数继承 ...

刺骨的言语ヽ痛彻心扉/ 2024年04月18日 08:32/ 0 赞/ 73 阅读

相关 JS中的原型继承和多重继承

概念：1原型继承是创建新类型对象----子类型，子类型基于父类型，子类型拥有父类型所有的属性和方法（从父类型继承得到），然后修改其中的部分内容或者添加新的内容。继承最好在子类型

谁践踏了优雅/ 2023年08月17日 17:20/ 0 赞/ 141 阅读

相关 js中原型链的继承

方式1： 1.定义父类型构造函数 2.给父类型的原型添加方法 3.定义子类型的构造函数 4.创建父类型的对象赋值给子类型的原型 5.将子类型原型的构造属性设

今天药忘吃喽~/ 2022年12月04日 02:22/ 0 赞/ 196 阅读

相关 js中的继承

1、原型链继承子类的原型指向父类的实例，缺点：子类有多个实例，一个实例改变值是引用类型的属性的值会改变其他实例的相同属性的值；无法对父类进行传参

妖狐艹你老母/ 2022年09月16日 04:48/ 0 赞/ 170 阅读

相关 js中的继承详解

在js中实现的继承的方法可以有多种，除了原型继承之后，还可以使用借用、伪造构造函数的方法实现继承等等。接下来我们就详细的介绍一下这几种方式。 1.js中的原型继承关于

青旅半醒/ 2022年06月16日 12:46/ 0 赞/ 204 阅读

相关 JS中的继承

继承：一个对象a有权去访问另一个对象b上的成员定义一个动物类（实现下面的继承） function Animal (name) { th

你的名字/ 2022年06月09日 10:51/ 0 赞/ 205 阅读

相关关于JS中的继承（一）

首先我们要知道什么是类的继承？其实就是子类继承父类中的一些属性和方法。在JS中实现继承有多种方式，有原型继承、call继承、寄生组合继承、ES6中的类以及继承等几种方

我不是女神ヾ/ 2022年06月06日 13:25/ 0 赞/ 201 阅读

相关总结JS中的继承

ECMAScript没有明确的继承机制，而是通过模仿实现的，而且ECMAScript只支持实现继承（即继承实际的方法，还有接口继承），实现继承主要是依靠原型链来实现的。昨天

梦里梦外;/ 2022年05月14日 03:39/ 0 赞/ 219 阅读

相关 JS中Class类的继承

Class继承 Class 可以通过 extends 关键字实现继承，这比 ES5 的通过修改原型链实现继承，要清晰和方便很多 class Animat

Dear 丶/ 2021年09月19日 02:06/ 0 赞/ 658 阅读