js的prototype是什么

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了js的prototype是什么，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1631字，纯文字阅读大概需要3分钟。

内容图文

在javaScript创建对象一文中提到过：用构造函数创建对象存在一个问题即同一构造函数的不同实例的相同方法是不一样的，所以我们用原型把构造函数中公共的属性和方法提取出来进行封装，达到让所有实例共享的目的。

function定义的对象有一个prototype属性，prototype属性又指向了一个prototype对象。在prototype对象中有一个constructor属性，这个constructor属性同样指向一个constructor对象，而这个constructor对象恰恰就是这个function函数本身。

用伪代码表示如下：

var function{
    prototype:prototype{
        constructor:constructor == function
    }
}

函数与原型的关系

js中创建一个函数，就会自动创建一个prototype属性，这个属性指向函数的原型对象，并且原型对象会自动获得一个constructor(构造函数)属性，指向该函数。

举例：以前面的原型模式创建对象为例说明

<script type="text/javascript">
function Person(){

}
Person.prototype.name="lxy";
Person.prototype.age=22;
Person.prototype.job="Software Engineer";
Person.prototype.sayName=function(){
    alert(this.name);
}
     
     var lxy=new Person();
     lxy.sayName();
     var personA=new Person();
     personA.sayName();
     alert(lxy.sayName()==personA.sayName());//true
</script>

实例与原型的关系

通过构造函数创建一个实例，该实例内部将包含一个属性（指针），指向构造函数的原型对象。

举例：Person构造函数的实例Person1和Person2的[[Prototype]]属性都指向Person的原型。

Note:[[Prototype]]连接是存在于实例和构造函数的原型之间，而不是存在实例与构造函数之间。

关于这个指针，ECMA-262中叫[[Prototype]]，没有标准的方式访问[[Prototype]]，但Firefox、Safari和Chrome在每个对象上都支持一个属性__protp__，而在其他实现中，这个属性对脚本不可见。

以上就是js的prototype是什么的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的js的prototype是什么全部内容，希望文章能够帮你解决js的prototype是什么所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端