JS原型与原型链
一. 构造函数
构造函数就是为了创建一个自定义类,并且创建这个类的实例。
构造函数首字母大写。
构造函数需要new关键字来调用。
(需要原型的原因)
每创建一个Person构造函数,在Person构造函数中,为每一个对象都添加了一个sayName方法,也就是说构造函数每执行一次就会创建一个新的sayName方法。这样就导致了构造函数执行一次就会创建一个新的方法,执行10000次就会创建10000个新的方法,而10000个方法都是一摸一样的,为什么不把这个方法单独放到一个地方,并让所有的实例都可以访问到呢?这就需要原型(prototype)
二.原型
在JavaScript中,每当定义一个函数数据类型,都会自带一个prototype属性,这个属性指向函数的原型对象,并且这个属性是一个对象数据类型的值。
原型对象就相当于一个公共的区域,所有同一个类的实例都可以访问到这个原型对象,我们可以将对象中共有的内容,统一设置到原型对象中。
三.原型链
1,_proto_和constructor
每一个对象数据类型(普通的对象、实例、prototype…)也自带一个属性_proto_,属性值是当前所属类的原型(prototype)。原型对象中有一个constructor,它指向函数对象。
2,何为原型链
在JavaScript中万物都是对象,对象和对象之间也有关系,并不是孤立存在的。对象之间的继承关系,在JavaScript中通过prototype对象指向父类对象,直到指向object对象为止,这样就形成了一个原型指向的链条。也就是原型链。
person–>Person–>Object(普通人继承人类,人类继承对象类)
1.当我们访问对象的一个属性或者方法时,它会先在对象自身中寻找,如果有则直接使用,如果没有则会去原型对象中寻找,如果找到则直接使用。如果没有则去原型的原型中寻找,直到找到Object对象的原型,Object对象的原型没有原型,如果在Object原型中依然没有找到,则返回undefined。
2.可以使用对象的hasOwnProperty()来检查对象自身中是否含有该属性。
可以使用in检查对象中是否含有某个属性时,如果对象中没有但是原型中有,也会返回true。
person实例中没有a这个属性,从person对象中找不到a属性就会从person的原型也就是person.proto,也就是Person.prototype中查找,找到a的值为123,假如person._proto_中也没有该属性,又该如何查找?
当读取实例的属性时,如果找不到,就会查找与对象关联的原型中的属性,如果还查不到,就去找原型的原型,一直找到最顶层的Object为止。
Object是JS中所有对象数据类型的基类(最顶层的类),在object.Prototype上没有_proto_这个属性。
Console.log(Object.prototype.proto===null)//true