论坛首页 Web前端技术论坛

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

浏览 1575 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2008-09-28  
近期研读了一下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

  • 大小: 7.6 KB
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics