继承实际上是类型的扩展。但是，javascript由于采用原型继承，下面小编就为大家分享一篇js原型继承四步曲及原型继承图一览，具有很好的参考价值。希望对大家有所帮助。
一：js原型继承四步曲
//js模拟类的创建以及继承 //动物（animal），有头这个属性，eat方法 //名字这个属性 //猫有名字属性，继承animal，抓老鼠方法 //第一步：创建父类 function animal(name){ this.name = name; } //给父类添加属性方法 animal.prototype.eat = function(){ console.log(this.name + " eating..."); } //第二步：创建子类 function cat(name){ animal.call(this,name); } //第三步：确定继承的关系 cat.prototype = object.create(animal.prototype); //第四步：改造构造器 //改变了某个构造器的原型之后，紧接着的代码一定是改构造器 cat.prototype.constructor = cat; cat.prototype.zhualaoshu = function(){ console.log(this.name + " 抓 老鼠"); } var mao = new cat("猫"); mao.eat(); mao.zhualaoshu();
二： 原型继承图
下图辅助理解
练习提巩固理解、
函数foo的__proto的值等于foo.prototype,对吗？ 不对
object的prototype可以修改吗？能与不能原因是什么 不可以
顶级constructor是谁？ function()
顶级原型对象是谁？ object.prototype
对象的construtor成员是个属性还是个方法？ 方法
function有没有__proto__,为什么？值等于object.prototype吗？ 有，是function.prototype;
所有的构造器的__proto__都等于其对应的prototype 不对
创建类形式的继承的四部曲是什么？ 创建父类——>创建子类——>确定继承关系——>改构造器
function的constructor与prototype值可以修改吗？ 可以
object.prototype === object.__proto__吗？ 不对
function.prototype === function.__proto__吗？ 是
function f(){}; var f1 = new f();f1.__proto__ === object.prototype吗？ 不对
相关推荐：
js原型继承的两种方法对比介绍_基础知识
浅析js原型继承与类的继承_基础知识
javascript原型继承实例详解
以上就是js原型继承四步曲的详细内容。