javascript原型继承机制.pdfVIP

关注技术 - 博客管理- JavaEye技术网站 Page 1 of 10 页 新闻 论坛 博客 招聘 更多 欢迎 kittyjie 收件箱 我的应用 我的博客 设置 退出 博客管理控制台 回到我的博客 页 管理地址 http ://kittyji e.j /admin 预览我的文章 编辑 | 返回全部博客列表 2009-07-26 浅析Javascript原型继承 关键字: 原型继承 JS没有提供所谓的类继承，据说在2.0 中要加入这种继承方式，但是要所有浏览器都实现2.0的特性那肯定 又得N 多年。昨天看了crockford 的一个视频，里面讲解了一下JS 的继承方式，按照PPT里面说的，一共分 了三类：Prototypal，pseudoclassical，Parasitic Inheritance 。 下面主要介绍一下原型继承：When a function object is created, it is given a prototype member which is an object containing a constructor member which is a reference to the function object. 这里先区别一下什么是prototype属性，和constructor属性。也就是要区别什么是构造器，函数，对象实 例。 其实在JS 中构造器就是函数，函数就是构造器，对象实例就是通过var obj =new 函数();这种形式新建出来的 实例。区别这些，在说prototype和constructor 。从上面的英文中可以看出，prototype是个对象，里面定义了 一个constructor ，那么我们可以推论出，constructor是对象实例的属性！而不是函数 （构造器）的属性。反 过来，prototype是函数 （构造器）的属性，而不是实例的属性！ http ://kittyji e.j /admin/blogs/433294 2009-7-26 关注技术 - 博客管理- JavaEye技术网站 Page 2 of 10 //在下面这个代码示例中，MyObj是函数 （构造器），obj 是实例 function MyObj (id) { this.id=id; } var obj =new MyObj ( 1); alert(MyObj .constructor) //本地代码 alert(obj .constructor) //MyObj .toString() alert(MyObj .prototype) // [obj ect Obj ect] alert(obj .prototype) //undefined 我们可以看出MyObj是不具有JS意义下的constructor属性的，为什么这么说呢。alert(MyObj .constructor)这 行代码还是有东西的： 这是因为MyObj是个函数，所以他的构造器就是本地的Function对象，也就是说MyObj是由Function构造出 来的。但是这个对我们意义不大，因为这已经不再JS层面上了。所以这里可以认为MyObj不具有JS意义下 的constrcutor属性。 alert(obj .prototype)通过这行我们可以看出，obj 实例是不具有原型属性的。OK ，现在区别清楚了这些，可 以看原型继承了。如果不区别清楚这个，恐怕下面会看的很晕。 function Gizmo(id) { this.id = id; } Gtotype.toString = function () { return gizmo + this.id; }; function Hoozit(id) { this.id = id; } Htotype = new Gizmo(); Htotype.test = function (id) { return this.id === id; }; http ://kittyji e.j /admin/blogs/433294