其他分享
首页 > 其他分享> > 原型和原型链

原型和原型链

作者:互联网

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()

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

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

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

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