我们知道JScript中对象的prototype属性，是用来返回对象类型原型的引用的。我们使用prototype属性提供对象的类的一组基本功能。并且对象的新实例会"继承"赋予该对象原型的操作。但是这个prototype到底是怎么实现和被管理的呢？ 对于对象的prototype属性的说明，JScript手册上如是说：所有 JScript 内部对象都有只读的 prototype 属性。可以向其原型中动态添加功能(属性和方法)，但该对象不能被赋予不同的原型。然而，用户定义的对象可以被赋给新的原型。 下面我们看三个经典的prototype属性的使用示例。 1、为脚本环境内建对象添加方法： 程序代码 Array.prototype.max = function() { var i, max = this[0]; for (i = 1; i < this.length; i++) { if (max < this[i]) max = this[i]; } return max; }; 2、为用户自定义类添加方法： 程序代码 function TestObject(name) { this.m_Name = name; } TestObject.prototype.ShowName = function() { alert(this.m_Name); }; 3、更新自定义类的prototype： 程序代码 function TestObjectA() { this.MethodA = function() { alert('TestObjectA.MethodA()'); } } function TestObjectB() { this.MethodB = function() { alert('TestObjectB.MethodB()'); } } TestObjectB.prototype = new TestObjectA(); 第三个很眼熟吧？对啊，它就是我们前面介绍的原型继承法呀~~ 不过今天我们不是研究"继承"，之所以可以这样来实现一种继承，只是利用了prototype属性的一个副作用而已。 prototype还有一个默认的属性：constructor，是用来表示创建对象的函数的(即我们OOP里说的构造函数)。constructor属性是所有具有prototype属性的对象的成员。它们包括除Global和Math对象以外的所有JScript内部对象。constructor属性保存了对构造特定对象实例的函数的引用。 弄清楚了JScript中prototype属性怎么使用后，下面我们再来深入的研究它。 上面的文章中我罗列了一下prototype属性在JScript中的各种用法，但是prototype这个东西却不是JScript创造出来的，JScript实际上是使用了我们设计模式中prototype pattern的一种衍生形式。下面我先简单的说一下prototype pattern，然后再来看到底JScript中的prototype是怎么回事?! What's prototype pattern? Specify the kinds of objects to create using a prototypical instance, and create new objects by copying this prototype. 用原型实例指定创建对象的种类，并且通过拷贝这些原型创建新的对象。 原型模式允许一个对象再创建另外一个可定制的对象，根本无需知道任何如何创建的细节，工作原理是：通过将一个原型对象传给那个要发动创建的对象，这个要发动创建的对象通过请求原型对象拷贝它们自己来实施创建。 继续了解到底什么是prototype pattern，可以参看'设计模式之Prototype(原型)'这篇文章，即使不懂Java也没有关系，把它的代码都当C#看就行了。 搞清楚什么是原型了吧？反正记着一点，prototype pattern是的实现是依赖于clone这个操作的，当然要shallow copy还是deep copy的clone看自己的需要了。 下面我们继续说JScript里的prototype，为什么我们说它和prototype pattern里的prototype不一样呢?! 这个不是我说就说出来的，也不是我吹出来的，看看这个示例，你就能大概糊涂： 程序代码 <script language="javascript"> function RP() { RP.PropertyA = 1; RP.MethodA = function() { alert("RP.MethodA "); }; this.PropertyA = 100; this.MethodA = function() { alert("this.MethodA"); }; } RP.prototype.PropertyA = 10; RP.prototype.MethodA = function() { alert("RP.prototype.MethodA"); }; </script> 不要着急，还没有开始做示例，只是给出了我们用来演示的一个类。RP是什么？rpwt吗？当然不是了，RP是ResearchPrototype了。好了不废话了，看示例及结果分析。 程序代码 <script language="javascript"> rp = new RP(); alert(RP.PropertyA); RP.MethodA(); alert(rp.PropertyA); rp.MethodA(); </script> 运行结果闪亮登场： 1 RP.MethodA 100 this.MethodA 这个%$@#^$%&^...，不要着急，继续看哦！ 程序代码 <script language="javascript"> rp = new RP(); delete RP.PropertyA; alert(RP.PropertyA); delete RP.MethodA; RP.MethodA(); delete rp.PropertyA; alert(rp.PropertyA); delete rp.MethodA; rp.MethodA(); </script> 运行结果再次登场： 程序代码 undefined A Runtime Error has occurred. Do you wish to Debug? Line: 32 Error: Object doesn't support this property or method 10 RP.prototype.MethodA 好玩吧，看出来什么名堂了吗？这里的RP.PropertyA和RP.MethodA只是用来做参照的，可是怎么把this.PropertyA和this.MethodA都delete了，还能出来结果，而且还是prototype导入的属性和方法呢？ 这就是JScript的prototype和prototype pattern中prototype最大的不同了，JScript中的这个所谓的prototype属性其实是个语言本身支持的特性，这里没有发生任何的copy，不管shallow还是deep的。对于JScript的解释引擎，它在处理"."或"[keyName]"引用的对象的属性和方法时，先在对象本身的实例(this)中查找，如果找到就返回或执行。如果没有查找到，就查找对象的prototype(this.constructor.prototype)里是否定义了被查找的对象和方法，如果找到就返回或执行，如果没有查找到，就返回undefined(对于属性)或runtime error(对于方法)。 正因为prototype导入类实例的属性或方法是动态查找的，所以我们才能对系统内部对象添加prototype属性和方法，比如给String对象添加trim方法： 程序代码 <script lanuage="javascript"> String.prototype.trim() { return this.replace(/(^\s+)|(\s+$)/g, ""); } </scritp> 显然JScript中的这种用法也是prototype pattern中的prototype不能解释和支持的。 这下对于JScript OOP中原型继承法的理解因该没有任何的障碍了吧？同时也应该明白为什么原型继承法有那么大的天生缺陷了吧？当然如果有任何问题，欢迎继续讨论。 附演示示例源代码： 程序代码 <html> <head> <meta name="author" content="birdshome@博客园"> <title>JScript Prototype Research</title> </head> <body> <script language="javascript"> function RP() { RP.PropertyA = 1; RP.MethodA = function() { alert("RP.MethodA "); }; this.PropertyA = 100; this.MethodA = function() { alert("this.MethodA"); }; } RP.prototype.PropertyA = 10; RP.prototype.MethodA = function() { alert("RP.prototype.MethodA"); }; </script> <script language="javascript"> rp = new RP(); delete RP.PropertyA; alert(RP.PropertyA); delete RP.MethodA; RP.MethodA(); delete rp.PropertyA; alert(rp.PropertyA); delete rp.MethodA; rp.MethodA(); </script> </body> </html> JavaScript中什么是prototype原型对象？它有和作用？http://zhidao.baidu.com/question/37219013.html?si=2在JavaScript中，prototype对象是实现面向对象的一个重要机制。每个函数就是一个对象（Function），函数对象都有一个子对象prototype对象，类是以函数的形式来定义的。prototype表示该函数的原型，也表示一个类的成员的集合。在通过new创建一个类的实例对象的时候，prototype对象的成员都成为实例化对象的成员。 1、该对象被类所引用，只有函数对象才可引用； 2、在new实例化后，其成员被实例化，实例对象方可调用。 同时，函数是一个对象，函数对象若直接声明成员，不用被实例化即可调用。
分享到：
相关推荐
然而， `$` 变量在这两个框架中有不同的含义。 jQuery使用 `$` 变量来表示 jQuery 对象，而 Prototype 使用 `$` 变量来表示Prototype对象。这样，在同一个页面中使用这两个框架时，就会出现变量名冲突的问题。 那么...
javascript中的this,constructor ,prototype，都是老生常谈的问题，深入理解他们的含义至关重要。在这里，我们再来复习一下吧，温故而知新！ this this表示当前对象，如果在全局作用范围内使用this，则指代当前页面...
扎尔（Zale）故事的英文含义，我相信每个坚持写博客的人都是一个故事； Zale使用轻量级的mvc框架进行开发，默认主题使用漂亮的 ，如果您认为这个项目很好，请支持。 演示网站： : | || | 这是最近几周的存储库...
****JavaScript入门经典（第4版 英文版+第3版中文版 附JavaScript参考手册）****《JavaScript入门经典(第4版)》主要内容：·循序渐进介绍JavaScript基础知识,包括JavaScript的含义、原理和功能·介绍用于创建...
1.1 含义 1.2 作用 1.3 设计原则 1.4 分类 2. 简单工厂模式 （SimpleFactoryPattern） 3. 工厂方法模式 （Factory Method） 4. 单例模式 （Singleton） 5. 抽象工厂模式 （Abstract Factory） 6. 策略模式 ...
apply和call，它们的作用都是将函数绑定到另外一个对象上去运行，两者仅在定义参数的方式有所区别： Function.prototype.apply(thisArg,argArray); Function.prototype.call(thisArg[,arg1[,arg2…]]); 从函数原型...
dalgard：主动获取帮助程序0.1.0 Blaze扩展，用于以被动方式获取和设置模板助手。 该软件包是问题的解决方案。 它允许使用尚未添加到模板中的模板帮助程序，并且在渲染... 我无法推断“自身”的含义，但请谨慎对待。
该名称具有双重含义，因为皮卡（PIKE-uh）是与兔子相关的小型兔形变种。 Pikas小巧，可爱，毛茸茸，就像PikaJS一样。 因此，您可以说任何一种方式-或自己制作发音。 EW！ 现在那已经不合时宜了...为什么选择PikaJS...
CSS2属性含义速查.pdf css快速参考向导.pdf css速记表.pdf HTML4字符标识.pdf HTML 速查表.pdf HTML 颜色表.pdf HTML速查.pdf JavaScript DOM 结构速查手册.pdf JavaScript 参考手册.pdf JavaScript的方法与函数，...
知识 约定 + ， -含义 ie8+ ：包括ie8以及高于ie8的...原型链（ [[Prototype]] ） （非标准）对象.__proto__等价于： Object.getPrototypeOf(对象)/Object.setPrototypeOf(对象, 原型对象) 目录 前端内容 JS 其他 HTML
在JavaScript有instanceof运算符，是二元运算符，使用方法 instanceA instanceof A，返回值是布尔值（boolean），含义是判断instanceA是否是A的一个实例，其实质是判断A.prototype===instanceA.__proto__，如 ...
javascript中,对象没有原型,而构造器有原型 原型的含义:如果构造器有一个原型对象 A,则由该构造器创建的实例都必然复制自A 代码如下: /*申明2个构造器*/ var flower=function(){ this.name=”nokia”; } var flower2...
在JavaScript 中，this的指向是动态变化的，很可能在写程序的过程中，无意中破坏掉this的指向，所以我们需要一种可以把this的含义固定的技术，于是就有了call，apply 和bind这三个方法，来改变函数体内部 this 的...
jQuery就是如此强大，你可以轻易地找到DOM中的任何元素，而这也是jQuery设计之初query的真实含义（查询）。 编辑本段Jquery对象 jquery提供了很多便利的函数，如each(fn)，但是使用这些函数的前提是：你使用的对象...
在正则表达式中,许多标点符号都有特殊的含义.下面是这些字符和它们的含义: 正则表达式的直接量字符 字符 匹配 ________________________________ 字母数字字符 自身 \ f 换页符 \ n 换行符 \ r 回车 \ t ...
设计模式之 Prototype(原型) 用原型实例指定创建对象的种类，并且通过拷贝这些原型创建新的对象。 B. 结构模式 设计模式之 Adapter(适配器) 使用类再生的两个方式:组合(new)和继承(extends),这个已经在 ...
它将成为我在寻找面向对象设计思想过程中经常翻阅的一本书﹕这正是复用的真实含义所在,不是吗﹖”--sanjiv gossain, journal of object-oriented programming [/font] 目 录 序言 前言 读者指南 第1章 引言 1 ...
Q0034 给定了一些创建数据库试图的SQL语句问什么条件下才可以对试图执行修改，增加，删除操作 特别强调了WITH CHECK OPTION这个约束的含义，使用，产生的不同结果。参考Oracle 视图的基本知识，单个表上的视图，多...
条款29 虚构造函数与Prototype 模式………….... …·…..... ….. ……..... ……... …… .77 条款30 Factory Method模式......................................................................... 79 条款31 ...