刚开始接触原型,直感觉云里雾里,看了一些资料,发现也不是一朝两夕就能掌握的事情,干脆把些东西记下来,以后再慢慢研究吧。
(1)
(2)
如果换成
如果在此基础上再换成
(3)
后话:
当然这只是描述了表面现象,具体深层次的运行机制有待研究。
(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 ) {结果是“aUser 123”。
this.name = name;
this.password = password;
};
(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中的。
后话:
当然这只是描述了表面现象,具体深层次的运行机制有待研究。