接着看继承是如何实现的。[javascript] view plaincopy
- function Person(name)
- {
- this.name=name;
- this.showMe=function()
- {
- alert(this.name);
- }
- };
- Person.prototype.from=function()
- {
- alert('I come from prototype.');
- }
- function SubPerson()
- {
- }
- SubPerson.prototype=new Person();
- var subOne=new SubPerson();
- subOne.from();//I come from prototype.
- alert(subOne.constructor);//function Person(name) {...};
- alert(SubPerson.prototype.constructor);//function Person(name) {...};
继承的实现很简单,只需要把子类的prototype设置为父类的一个对象即可。注意这里说的可是对象哦!
那么通过prototype属性实现继承的原理是什么呢?还是先看图形说明,然后编写代码进行验证。
注意:红色的方框就是把子类与父类链接起来的地方。这个就应该是传说中的prototype链了吧。下面有代码进行验证。
js代码:
- function Person(name)
- {
- this.name=name;
- this.showMe=function()
- {
- alert(this.name);
- }
- };
- Person.prototype.from=function()
- {
- alert('I come from prototype.');
- }
- var father=new Person('js');//为了下面演示使用showMe方法,采用了js参数,实际多采用无参数
- alert(father.constructor);//查看构造函数,结果是:function Person(name) {...};
- function SubPer()
- {
- }
- SubPer.prototype=father;//注意这里
- SubPer.prototype.constructor=SubPer;
- var son=new SubPer();
- son.showMe();//js
- son.from();//I come from prototype.
- alert(father.constructor);//function SubPer(){...}
- alert(son.constructor);//function SubPer(){...}
- alert(SubPer.prototype.constructor);//function SubPer(){...}
根据上图的prototype链,还有代码的结果,我想应该明白为什么使用prototype能够实现
JS中的继承了吧。