prototype原型是javascript中特别重要的概念，属于必须要掌握，如果没有良好的掌握的话，进一步用好或者学好js基本是不可能的实现的事情，并且此概念稍有难度，可能对于初次接触的朋友来说有点困难，下面就通过代码实例简单介绍一下prototype原型的用法
javascript的prototype原型简单介绍:
prototype原型是javascript中特别重要的概念，属于必须要掌握，如果没有良好的掌握的话，进一步用好或者学好js基本是不可能的实现的事情，并且此概念稍有难度，可能对于初次接触的朋友来说有点困难，下面就通过代码实例简单介绍一下prototype原型的用法。
一.基本概念:
每一个函数都具有一个prototype属性。
此属性是一个指针，能够指向一个对象，而此对象将会被由构造函数创建的对象实例所共享，也就是会继承此对象。
总结:prototype所指向的对象是被构造函数所创建的对象实例所共同共享的。
创建的对象实例有一个内部属性[[Prototype]]，它是一个指针，指向构造函数原型（prototype）指向的对象。
先看一段代码:
function antzone(name,age){ this.webname=name; this.age=age;}antzone.prototype.getName=function(){ return this.webname;}var oantzone=new antzone("PHP中文网",10);console.log(oantzone.getName());登录后复制
二.代码实例:
实例一:
立即学习“Java免费学习笔记（深入）”；
function antzone(name,age){ this.webname=name; this.age=age;}var obj={ address:"江苏省徐州"}var oantzone=new antzone("PHP中文网",10);antzone.prototype=obj;console.log(oantzone.address);登录后复制
看以上代码，很多朋友可能以为输出值是”江苏省徐州”，但是实际输出内容是undefined，这是因为在使用构造函数创建对象oantzone的时候，oantzone对象内部属性[[Prototype]]将会指向antzone()构造函数的原型prototype所指向的对象，而后来antzone.prototype=obj是重置构造函数的原型，而oantzone的内置属性[[Prototype]]指向依然是原来的对象，自然oantzone.address是undefined。
实例二:
function antzone(name,age){ this.webname=name; this.age=age;}var obj={ address:"江苏省徐州"}antzone.prototype=obj;var oantzone=new antzone("PHP中文网",10);console.log(oantzone.webname+oantzone.address);登录后复制
此代码和上一段代码的唯一不同，就是第八行和第九行进行了一下交换，这样就可以输出”江苏省徐州”，这个就不难理解了，因为对象实例是在重置原型以后创建的。
实例三:
function antzone(name,age){ this.webname=name; this.age=age;}var obj={ address:"江苏省徐州"}antzone.prototype.add=obj;var oantzone=new antzone("PHP中文网",10);console.log(oantzone.add.address);登录后复制
以上代码只是修改对象原型，而不是重置对象原型。
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
有关在JS 获取JSON数据简单调用（代码附上，简单粗暴）
详细介绍JS中使用EL表达式
入门级video.js使用笔记（代码附上）
以上就是javascript prototype原型详解（基础课程）的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2760857.html
