JavaScript原型继承小记-优快云博客

本文通过三个实例演示了JavaScript中如何使用原型进行继承，探讨了不同构造函数间属性和方法的继承方式及其表现。

刚开始接触原型，直感觉云里雾里，看了一些资料，发现也不是一朝两夕就能掌握的事情，干脆把些东西记下来，以后再慢慢研究吧。

（1）

function Person( name ) {
	this.name = name;	
}

Person.prototype.getName = function() {
	return this.name;
};


function User( name, password ) {
	this.name = name;
	this.password = password;
};

User.prototype = new Person("aPerson");

User.prototype.getPassword = function() {
	return this.password;
};

var obj = new User("aUser","123");
alert(obj.getName() + "  " + obj.getPassword() );

运行结果：“aUser 123”。obj继承了Person原型定义的getName()方法。

（2）

function Person( name ) {
	this.name = name;	
}

Person.prototype.getName = function() {
	return this.name;
};


function User( name, password ) {	
	this.password = password;
};

User.prototype = new Person("aPerson");

User.prototype.getPassword = function() {
	return this.password;
};

var obj = new User("aUser","123");
alert(obj.getName() + "  " + obj.getPassword() );

运行结果：“aPerson 123”。User函数中没有定义name属性，但是建立obj对象时调用了new Person("aPerson")，obj通过继承getName()方法得到了Person对象中的name属性。
如果换成

User.prototype = new Person();

则由于Person中的name没有定义，就会报undefined错误。
如果在此基础上再换成

function User( name, password ) {
        this.name = name; 
	this.password = password;
};

结果是“aUser 123”。

（3）

function Person( name ) {
	this.name = name;	
	this.show = function(){
		return "PPPPP";
	}
}

Person.prototype.getName = function() {
	return this.name;
};


function User( name, password ) {
	this.name = name;
	this.password = password;
};

User.prototype = new Person("aPerson");

User.prototype.getPassword = function() {
	return this.password;
};

var obj = new User("aUser","123");
alert(obj.getName() + "  " + obj.getPassword() + "  " + obj.show());

运行结果：“aUser 123 PPPPP”。User没有定义show()方法，是继承自Person中的。

后话：
当然这只是描述了表面现象，具体深层次的运行机制有待研究。