原型和原型链

2022-07-04 14:35:30 阅读：143 来源： 互联网

1.原型（对象属性）

Javascript规定，每一个函数都有一个prototype对象属性，指向另一个对象（原型链上面的）。
prototype(对象属性)的所有属性和方法，都会被构造函数的实例继承。这意味着，我们可以把那些不变(公用)的属性和方法，直接定义在prototype对象属性上。

prototype就是调用构造函数所创建的那个实例对象的原型（proto）。

prototype可以让所有对象实例共享它所包含的属性和方法。也就是说，不必在构造函数中定义对象信息，而是可以直接将这些信息添加到原型中。

2.原型链（JS原型与原型链继承）

实例对象与原型之间的连接，叫做原型链。proto( 隐式连接 )
JS在创建对象的时候，都有一个叫做proto的内置属性，用于指向创建它的函数对象的原型对象prototype。
内部原型(proto)和构造器的原型（prototype）
1、每个对象都有一个proto属性,原型链上的对象正是依靠这个属性连结在一起
2、作为一个对象，当你访问其中的一个属性或方法的时候，如果这个对象中没有这个方法或属性，那么Javascript引擎将会访问这个对象的proto属性所指向上一个对象，并在那个对象中查找指定的方法或属性，如果不能找到，那就会继续通过那个对象的proto属性指向的对象进行向上查找，直到这个链表结束。

3.实际开发中，有这样一种写法，面向对象，这种写法就是通过构造函数以及原型来运用的(混合模式开发面向对象)

每一个函数都有一个原型属性prototype(对象属性)，里面放置的是共有、公有的属性或者方法。(一般情况属性是私有的)。注意，只有函数才有prototyoe属性，

function Person() {
       
}
 var p = new Person()
 console.log(Person.prototype); // Object{} 
 console.log(p.prototype); //undefined
 console.log(p.__proto__); //Object{}

这个例子可以发现，函数是存在prototype属性的,并且Person实例的__proto__指向Person.prototype,即p.__proto__===Person.prototype

任何对象都是默认存在构造器的，此时我们的Person() 只是普通函数，它其实是js内置方法Function() 构造出来的，而p此时是Person() new出来的，只有new 过了，才叫构造函数

4.原型原型链图

什么是原型对象？实例？构造函数？

概念就不多说了，看代码吧，依旧是上一个例子

function Person() {
       
}
var p = new Person()

实例就是对象，在本例中p就是实例，Person就是构造函数。
实例通过new一个构造函数生成的。
从上图中可以知道，实例的__protpo__指向的是原型对象,即p.__proto__===Person.prototype //true
实例的构造函数的prototype也是指向的原型对象。只有函数才有prototype属性,对象是没有的。
原型对象的construor指向的是构造函数。p.__proto__.constructor === Person.prototype.constructor //ƒ Person(){}

原型对象和实例之间有什么作用呢？

通过一个构造函数创建出来的多个实例，如果都要添加一个方法，给每个实例去添加并不是一个明智的选择。这时就该用上原型了。

在实例的原型上添加一个方法，这个原型的所有实例便都有了这个方法。

var M = function (name) { this.name = name; }
var o3 = new M('o3')
var o5 = new M()
o3.__proto__.say=furnction(){
   console.log('hello world')
}

o3.say()
o5.say()

标签：proto,对象,Person,原型,prototype,属性
来源： https://www.cnblogs.com/lijun12138/p/16442801.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。