天天看点

我对Javascript 中的对象模型的理解

近期研读了一下prototype框架源码,感觉要理解此框架先需要对js中的OO原理有相当的了解.大多数讲prototype的书中都没有讲是怎么实现的,而这又正是理解prototype的关键.作为一个以c语言为工作语言的人,我总是试图给出其实现模型,划了个草图.

以下是我对JS中的prototype的理解,仅为人个理解,各位看官自己辨别.想了解真正的实现,可以研究Spidermoney(一个JS Enginee).

A=function(x) {this.a1=x;…}

A.pi=3.14;

B=function(x) {this.b1=x;…}

B.fib={1,1,2,3,…};

C=function(x) {this.c1=x;…}

A.prototype = new B(1);

B.prototype = new C(1);

a=new A(1);

alert(a.a1,a.b1,a.c1);//

// 现在a就有了a1,b1,c1属性,那么a是如何得到c1属性的?

//先到a内部找,发现没有c1属性,就通过A变量(A是一个类变量,曲线所指,可能是通过constructor找到A的),找到A的prototype对象(这是一个B类的对象),就在这个对象内找c1属性,也没找到,继续通过其类变量(即B这个变量)找B类的prototype对象(即一个C类的对象),终于找到了c1.

总之某对象在得到属性时,先找本对象内查找,找到就返回,找不到就到它的prototype对象内找(指向prototype对象的指针并不放在对象内,而是放在类变量内!),找到就返回,找不到再在prototype对象的prototype对象中找,…,直到最后(prototype对象为空?)找不到就返回undefined.

// a.c1=100;

//当给a的c1属性赋值时,在a对象内查找c1属性,如果找到将其值改为100,如果找不到就增加一个c1属性设为100.

可以看出,给对象属性赋值时,不会沿着prototype对象链查找.

欢迎大家讨论, 对JS高级编程感兴趣的可加Q群67455248

继续阅读