十分钟读懂JavaScript原型和原型链
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了十分钟读懂JavaScript原型和原型链，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2777字，纯文字阅读大概需要4分钟。
内容图文
原型（prototype）这个词来自拉丁文的词proto，意谓“最初的”，意义是形式或模型。在JavaScript中，原型的探索也有很多有趣的地方，接下来跟随我的脚步去看看吧。
原型对象释义 每一个构造函数都有一个与之相关联的对象，该对象称之为原型对象。 每个实例对象都能共享其原型对象上的属性和方法。 原型对象的作用主要用来实现属性的继承，让实例对象能共享原型对象的属性，减少内存分配。 所以，在上一节中，我们想在每个Person对象中共享同一个say方法，可以这样来实现。
function Person(name, age) { this.name = name; this.age = age; }//在原型对象上添加say函数，实例对象共享该函数
Person.prototype.say = function(){ console.log("say hello"); };var p = new Person("zs", 10, say); p.say();var p2 = new Person("zs", 10, say); p2.say(); 在原型对象上添加成员的方法： ? 构造函数.prototype.成员名 = 成员值； 为Person原型对象添加say方法后，实现了在多个实例对象上共享该方法的功能。
获取原型对象的方法： ?
构造函数.prototype ? 实例对象.__ proto __ 在每个实例对象上都有一个__ proto 的属性，也是用来获取该对象的原型对象。 Person.prototype == p.proto __；//true
下图详细说明了各对象之间的关系：
- 在多人开发的环境中，如果使用这种方式对内置对象做扩展，可能会对其他开发人员造成影响
- 如果在原型对象上添加了过多的成员，会降低对象成员的搜索效率。 安全的扩展内置对象 上面扩展内置对象的方法存在一定的问题，问题的关键其实在于我们是直接在内置对象的原型上进行拓展的，这样导致对其他使用该对象的开发人员造成影响。
- 所以，我们的解决思路就是，自定义一个对象，让该对象继承需要扩展的内置对象，然后只需要对自定的对象进行操作即可。
- function MyArray() { }//让MyArray的原型指向Array对象//即继承Array中的所有成员 MyArray.prototype= new Array(); MyArray.prototype.getLength=function () { return this.length; }var arr1 = new MyArray(); arr1.push("A","B","C","D","E");//内置对象的初始方法console.log(arr1.getLength());//扩展之后的方法
- 接下来，如果想要对数组做扩展，我们只需要操作MyArray即可，而不需要直接操作Array，如此，就不会对其他使用Array的开发人员操作影响了。看图理解：
关于原型和原型链，为大家展示的差不多了。但是它的核心内容还远远不止这些。接下来还有很多内容需要大家继续探索，如果你对此感兴趣，那就关注我们，接下来会发布更多教程供大家参考。
原文：https://www.cnblogs.com/waiwei/p/12079696.html
内容总结
以上是互联网集市为您收集整理的十分钟读懂JavaScript原型和原型链全部内容，希望文章能够帮你解决十分钟读懂JavaScript原型和原型链所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。