js中的原型继承

在谈Js之前,首先需要明确几个概念:

1.某一对象的原型仍是一个对象.

2.js原型继承的实质是复制,但也不是完全复制,而是子对象更改了什么数据,就复制什么数据.具体做法为创建一张成员维护表.如:

代码

function Parent(b)  
 {  
     this.a = "a";  
     this.b = b==null ? "b" : b;  
 };  
 function Child(b)  
 {  
     Parent.call(this,b);  
 };  
 Child.prototype = new Parent();  
 var c = new Child();  
 alert(c.b)  

 

3.当需要查找某个属性时,首先读对象实例自己维护的表.如果没有找到指定的成员，就要遍历整个原型链，直到原型为空的对象（{}），或者到找到该成员为止。

4.每个函数都有一个prototype属性指向其原型对象,默认为{},即空对象.

5.每个对象都有一个constructor属性,默认指向本对象的构造函数(这句话没有讲完,请接看往下看)

6.Objcet对象的prototype属性是空对象{},空对象的constructor属性指向Object函数构造,所以所有对象的总原型都是Object(参见第4条)

7.对于new操作符,比如:

 

function Parent(b)  
 {  
     this.a = "a";  
     this.b = b==null ? "b" : b;  
 };

对于:

var p = new Person("c");

其实可以写成这样:

var p = {};  
Person.call(p,"c");  

 

这就很明白了,其实首先是创建了一个空对象,然后将这个对象以this参数传入构造函数Person,于是Person对象就new出来了.

好了,下面来说正题.上图:

 

 

 

 其实这是别人画的一张图,画的很好,我就拿来主义了,呵呵.代码如下:

function MyObject()   
 {   
     this.constructor = arguments.callee; //正确维护constructor，以便回溯外部原型链   
 }   
 MyObject.prototype = new Object(); //人为构建外部原型链   
 function MyObjectEx()   
 {   
     this.constructor = arguments.callee; //正确维护constructor，以便回溯外部原型链   
 }   
 MyObjectEx.prototype = new MyObject(); //人为构建外部原型链   
 obj1 = new MyObjectEx();   
 obj2 = new MyObjectEx();   
 alert(obj1.constructor === MyObjectEx); //true   
 alert(MyObjectEx.prototype instanceof MyObject); //true   
 alert(MyObjectEx.prototype.constructor === MyObject); //true   
 alert(MyObject.prototype instanceof Object); //true   
 alert(MyObject.prototype.constructor === Object); //true   
 alert(obj1.constructor.prototype.constructor.prototype.constructor === Object); //true,完成了所有的回溯