类的创建、原型对象、原型链、继承_写出类和类的继承,并写出之间关系,什么是实例,什么是原型链-CSDN博客

本文链接：https://blog.csdn.net/weixin_61561066/article/details/125026952

本文详细介绍了JavaScript中类的创建，包括ES5和ES6的不同方式，以及原型对象的概念，如构造函数的原型对象、对象的原型对象及其访问方式。文章探讨了原型链的结构特点，包括构造函数、原型对象、实例对象之间的关系，并讲解了this指针的指向以及如何改变它的指向。此外，还讨论了bind方法、错误处理机制和JavaScript的继承方式，包括ES6和ES5的继承差异及解决原型链问题的方法。最后，阐述了类的实例化过程。

摘要由CSDN通过智能技术生成

3、Object对象的__proto__属性是null

4、在继承过程中确定原型对象和实例对象之间关系的方法

一、类的创建

1、在ES5中创建

构造函数名就是类名

2、在ES6中创建

（1）类的创建

（2）类表达式

二、原型对象

1、构造函数（类）的原型对象

通过prototype属性访问

class Student{
    constructor(school,name,sex){
        Student.school = school
        this.name = name
        this.sex = sex
    }
    display = function(){
        let str = '学校：'+Student.school +'\n姓名：'+this.name+'\n性别：'+this.sex
        console.log(str)
    }
    static sayHello(){  //静态成员方法使用static关键字进行定义
        console.log('Hello'+Student.school)
    }
}

console.log('构造方法的原型对象：',Student.prototype)

2、对象的原型对象

通过对象的__proto__属性访问（__两个下划线）

class Student{
    constructor(school,name,sex){
        Student.school = school
        this.name = name
        this.sex = sex
    }
    display = function(){
        let str = '学校：'+Student.school +'\n姓名：'+this.name+'\n性别：'+this.sex
        console.log(str)
    }
    static sayHello(){  //静态成员方法使用static关键字进行定义
        console.log('Hello'+Student.school)
    }
}

var s1 = new Student('西安交通大学','周瑜','男')

console.log('对象的原型对象：',s1.__proto__)

3、访问对象的构造方法

访问对象的构造方法：在原型对象里面有一个constructor属性，指向对象的构造方法

（1）构造方法名 . prototype . constructor

（2）对象名 . constructor

function Person(){}

console.log(Person.prototype.constructor)  //输出：[Function: Person]
var p1 = new Person()
console.log(p1.constructor)   //输出：[Function: Person]

4、原型对象的原型对象

原型对象的原型对象：原型对象本身也是一个对象，所以它也有一个原型对象

（1）获取原型对象的原型对象：构造方法名.prototype.__proto

（2）原型对象的原型对象构造方法：构造方法名.prototype.__proto.constructor

function Student(){}
//输出原型对象的原型对象
console.log(Student.prototype.__proto__)   //输出为：[Object: null prototype] {}

//输出原型对象的原型对象的构造方法
console.log(Student.prototype.__proto__.constructor)   //输出为：[Function: Object]