原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
浅谈javascript中原型(prototype)、构造函数、对象实例及三者之间的关系
浅谈javascript中原型（prototype）、构造函数、对象实例及三者之间的关系
? ?一下内容是本人的学习之余为了增强记忆做的笔记，理解上或者有些肤浅，望高手莫笑；同时，既然是笔记，就难免有错误，若给各位造成误解还望海涵，也希望多多指教，谢谢！
? 首先说一下javascript中prototype的作用；该对象的用途是包含一种类型的所有实例都能共享的一些属性和方法，即如果为一个类型的prototype对象定义了一些属性，则该类型的所有实例都能访问到这些属性。请看下面例子：
?
? ?定义一个Person对象，该对象有两个属性name和sex，为该对象的prototype属性定义一个sayHello方法;下面我们可以new两个Person的实例：
?
? ?现在，person1和person2都可以调用sayHello方法，因为sayHello方法属于Person的原型对象，而该对象的所有属性对于Person的所有实例都是公用的。调用sayHello：
? js完全可以用另外一种方式给一个对象定义方法：
function Person(name,sex){
this.name=name;
this.sex=sex;
this.sayHello=function(){
alert(Hello,I am +this.name);
}
}
? ?但是这种方式明显有一个问题，就是当我创建N个Person实例的时候会创建N个sayHello方法，而且这些方法功能相同！这很明显不合理，而用原型就能很好的避免这个问题，所以prototype的优越性也就体现出来了！同样用prototype还可以在js中实现继承。
??用prototype实现继承：
? 首先我定义一个Animal对象，然后让Person继承Animal.
? 定义Animal对象：
?让Person对象继承Animal：
?
现在Person对象的实例就可以访问Animal的方法了：
? javascript中的构造函数：
? javascript中并没有提供一些像C#那样创建类的特殊语法。创建构造函数也和普通的函数并没有什么不同，只是写法上有些特定的规则（首字母大写）。
如果用new关键字调用该函数，则也就创建了个新实例，该函数会被当做构造函数调用。如果当成一般的函数调用，会出现一些值得注意的现象，请看下面的代码：
很明显，如果这样调用一个构造函数，则该函数的参数将被赋予window对象，也就是全局变量。
?下面说一下原型、构造函数和对象实例三者之间的关系。
? ?当你创建一个对象的时候，也就同时也创建了一个该对象的prototype对象，也就是说prototype是构造函数的一个属性。而在prototype对象里同样有一个属性：constructor，该对象指向构造函数（没有通过prototype实现继承的情况下），例如：
Person对象的每个实例（person1、person2）都有一个_proto_属性，该属性指向构造函数的prototype对象。可以用isprototypeof（该方法用来测试原型是否存在于一个对象的实例中，是则返回true，否则返回false）进行测试：
文档评论（0）