[js高手之路]从原型链开始图解继承到组合继承的(2)

function Person( uName ){ this.skills = [ 'php', 'javascript' ]; this.userName = uName; } Person.prototype.showUserName = function(){ return this.userName; } function Teacher ( uName ){ Person.call( this, uName ); } var oT1 = new Teacher(); oT1.skills.push( 'linux' ); var oT2 = new Teacher(); console.log( oT2.skills ); //php,javascript console.log( oT2.showUserName() );

虽然oT1.skills添加了一项Linux,但是不会影响oT2.skills的数据，通过子类构造函数中call的方式，去借用父类的构造函数，把父类的属性复制过来，而且还能

传递参数，如第8行，但是第15行，方法调用错误，因为在构造中只复制了属性，不会复制到父类原型对象上的方法

八、组合继承（原型对象+借用构造函数）

经过以上的分析， 单一的原型继承的缺点有：

1、不能传递参数，如，

Teacher.prototype = new Person();
有些人说，小括号后面可以跟参数啊，没错，但是只要跟了参数，子类所有的实例属性，都是跟这个一样，说白了，还是传递不了参数

2、把引用类型放在原型对象上，会在不同实例上产生相互影响

单一的借用构造函数的缺点：

1、不能复制到父类的方法

刚好原型对象方式的缺点，借用构造函数可以弥补，借用构造函数的缺点，原型对象方式可以弥补，于是，就产生了一种组合继承方法：

function Person( uName ){ this.skills = [ 'php', 'javascript' ]; this.userName = uName; } Person.prototype.showUserName = function(){ return this.userName; } function Teacher ( uName ){ Person.call( this, uName ); } Teacher.prototype = new Person(); var oT1 = new Teacher( 'ghostwu' ); oT1.skills.push( 'linux' ); var oT2 = new Teacher( 'ghostwu' ); console.log( oT2.skills ); //php,javascript console.log( oT2.showUserName() ); //ghostwu

子类实例oT2的skills不会受到oT1的影响，子类的实例也能调用到父类的方法。

以上这篇[js高手之路]从原型链开始图解继承到组合继承的产生详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章: