原型与原型链

本文详细阐述了原型的概念,包括其在构造函数中的作用以及原型链的工作原理。同时,对比了原型与原型链的区别,并通过实例展示了如何通过继承在JavaScript中实现类的拓展。重点介绍了类的继承机制,如`Person`和`Student`、`Teacher`的实例化和方法调用过程。
摘要由CSDN通过智能技术生成

原型与原型链

原型:
在这里插入图片描述
每一个构造函数都拥有一个 prototype 属性,这个属性指向一个对象,也就是原型对象
原型对象默认拥有一个 constructor 属性,指向指向它的那个构造函数
每个对象都拥有一个隐藏的属性 __proto__,指向它的原型对象

原型链
原型链是原型对象创建过程的历史记录,当访问一个对象的某个属性时,会先在这个对象本身属性上查找,如果没有找到,则会去它的__proto__隐式原型上查找,即它的构造函数的prototype,如果还没有找到就会再在构造函数的prototype的__proto__中查找,这样一层一层向上查找就会形成一个链式结构。
最后找到顶端还没找到就会返回null

在这里插入图片描述

原型和原型链的区别

原型是为了实现对象间的联系,解决构造函数无法数据共享而引入的一个属性,而原型链是一个实现对象间联系即继承的主要方法

继承:

class Person{
    constructor(name,age){
        this.name=name
        this.age = age
    }
}

 class Student extends Person{
    constructor(name,age,fenshu){
        super(name,age)
        this.fenshu=fenshu
    }
    make() {
        console.log(`我是${this.name},我今年${this.age},我考了${this.fenshu}`)
    }
 }
 let student = new Student('张三',18,90)
console.log(student)
student.make()

class Teacher extends Person{
    constructor(name,age,reject){
        super(name,age)
        this.reject=reject
    }
    make1() {
        console.log(`我是${this.name},我今年${this.age},我教${this.reject}`)
    }
 }
let teacher=new Teacher('李四',18,'语文')
console.log(teacher)
teacher.make1()

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值