本文主要是介绍通过写一个原型链继承，独立完成原型链图，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

//首先创建一个教师类

function Teacher(name,age,course,professional){
	this.name=name;
	this.age=age;
	this.course=course;//课程
	this.professional=professional;//职业
}
Teacher.prototype.teaching=function(){//上课
	console.log(this.name + this.professional +"正在上"+ this.course +"课");
}
var t1=new Teacher("张三",18,"语文","老师");
t1.teaching();//运行结果：张三老师正在上语文课

//在创建一个人类

function Human(name,age,course,professional){

}

 //现在让人类继承教师类（原型链继承）

Human.prototype= new Teacher("赵六",24,"数学","老师");
	Human.prototype.showInfo=function(){//信息
	console.log(this.course+this.professional+this.name+"年龄"+this.age+"岁");
}
var h1=new Human();//没有传参
h1.showInfo();//运行结果：数学老师赵六年龄24岁
h1.teaching();//运行结果：赵六老师正在上数学课
console.log(h1);

分析：

首先Human构造函数里有prototype属性（默认创建的），这个属性指向的是这个构造函数的原型对象（专门保存公有的属性和方法）

                                         prototype--------》构造函数的原型对象

其次原型对象里有个属性constructor，这个属性指向的是构造函数

                                         constructor-------》构造函数

最后，用通过构造函数new一个对象（这个对象叫做实例对象）后会有一个__proto__属性，这个属性指向的是构造函数的原型对象

                                        __proto__---------》构造函数的原型对象

注意：

        1，prototype和__proto__指向的是同一个原型对象

        2，__proto__和constructor属性是对象独有的属性，js里万物皆对象，所以函数也是对象，函数也有这俩属性

由第2点可以知道构造函数也有__proto__属性，指向构造函数的原型对象，即构造函数的构造函数的原型对象，同理，原型对象也是对象，原型对象也有__proto__属性，也要找它的构造函数的原型对象。觉得有点绕的话，可以思考两个问题，第一：这个对象（js万物皆对象，可能是函数，可能是原型对象）的构造函数是谁？ 第二：这个对象的构造函数的原型对象是谁？

由__proto__连起来的就叫原型链，终点是null

所以原型链图为：

 附：

        类似族谱（并不是族谱）的原型链图

这篇关于通过写一个原型链继承，独立完成原型链图的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！