于javascript原型链的层层递进查找规则，以及原型对象(prototype)的共享特性，实现继承是非常简单的事情
一、把父类的实例对象赋给子类的原型对象（prototype），可以实现继承
function Person(){ this.userName = 'ghostwu'; } Person.prototype.showUserName = function(){ return this.userName; } function Teacher (){} Teacher.prototype = new Person(); var oT = new Teacher(); console.log( oT.userName ); //ghostwu console.log( oT.showUserName() ); //ghostwu
通过把父类(Person)的一个实例赋给子类Teacher的原型对象，就可以实现继承，子类的实例就可以访问到父类的属性和方法
![[js高手之路]从原型链开始图解继承到组合继承的](/uploads/allimg/200607/115PQ2c_0.png)
如果你不会画这个图，你需要去看下我的这篇文章：
[js高手之路]一步步图解javascript的原型(prototype)对象,原型链
第11行，执行oT.userName, 首先去oT对象上查找，很明显oT对象上没有任何属性，所以就顺着oT的隐式原型__proto__的指向查找到Teacher.prototype,
发现还是没有userName这个属性，继续沿着Teacher.prototype.__proto__向上查找，找到了new Person() 这个实例上面有个userName，值为ghostwu
所以停止查找，输出ghostwu.
第12行，执行oT.showUserName前面的过程同上，但是在new Person()这个实例上还是没有查找到showUserName这个方法，继续沿着new Person()的
隐式原型__proto__的指向( Person.prototype )查找，在Person.prototype上找到了showUserName这个方法，停止查找，输出ghostwu.
二、把父类的原型对象(prototype)赋给子类的原型对象（prototype）,可以继承到父类的方法，但是继承不到父类的属性
function Person(){ this.userName = 'ghostwu'; } Person.prototype.showUserName = function(){ return 'Person::showUserName方法'; } function Teacher (){} Teacher.prototype = Person.prototype; var oT = new Teacher(); console.log( oT.showUserName() ); //ghostwu console.log( oT.userName ); //undefined, 没有继承到父类的userName
因为Teacher.prototype的隐式原型(__proto__)只指向Person.prototype，所以获取不到Person实例的属性
三、发生继承关系后，实例与构造函数（类）的关系判断
还是通过instanceof和isPrototypeOf判断
function Person(){ this.userName = 'ghostwu'; } Person.prototype.showUserName = function(){ return this.userName; } function Teacher (){} Teacher.prototype = new Person(); var oT = new Teacher(); console.log( oT instanceof Teacher ); //true console.log( oT instanceof Person ); //true console.log( oT instanceof Object ); //true console.log( Teacher.prototype.isPrototypeOf( oT ) ); //true console.log( Person.prototype.isPrototypeOf( oT ) ); //true console.log( Object.prototype.isPrototypeOf( oT ) ); //true
四，父类存在的方法和属性，子类可以覆盖(重写)，子类没有的方法和属性，可以扩展
function Person() {} Person.prototype.showUserName = function () { console.log('Person::showUserName'); } function Teacher() { } Teacher.prototype = new Person(); Teacher.prototype.showUserName = function(){ console.log('Teacher::showUserName'); } Teacher.prototype.showAge = function(){ console.log( 22 ); } var oT = new Teacher(); oT.showUserName(); //Teacher::showUserName oT.showAge(); //22
五、重写原型对象之后，其实就是把原型对象的__proto__的指向发生了改变
原型对象prototype的__proto__的指向发生了改变，会把原本的继承关系覆盖(切断)
function Person() {} Person.prototype.showUserName = function () { console.log('Person::showUserName'); } function Teacher() {} Teacher.prototype = new Person(); Teacher.prototype = { showAge : function(){ console.log( 22 ); } } var oT = new Teacher(); oT.showAge(); //22 oT.showUserName();
上例，第7行，Teacher.prototype重写了Teacher的原型对象（prototype），原来第6行的原型对象的隐式原型(__proto__)指向就没有作用了
所以在第14行，oT.showUserName() 就会发生调用错误，因为Teacher的原型对象(prototype)的隐式原型(__proto__)不再指向父类(Person)的实例，继承关系被破坏了.
六、在继承过程中，小心处理实例的属性上引用类型的数据
function Person(){ this.skills = [ 'php', 'javascript' ]; } function Teacher (){} Teacher.prototype = new Person(); var oT1 = new Teacher(); var oT2 = new Teacher(); oT1.skills.push( 'linux' ); console.log( oT2.skills ); //php, java, linux
oT1的skills添加了一项linux数据，其他的实例都能访问到，因为其他实例中共享了skills数据，skills是一个引用类型
七、借用构造函数
为了消除引用类型影响不同的实例，可以借用构造函数，把引用类型的数据复制到每个对象上，就不会相互影响了