一、构造函数
构造函数是一个普通的函数,创建方式和普通函数没有区别,不同的是构造函数习惯上首字母大写。另外就是调用方式的不同,普通函数是直接调用,而构造函数需要使用new关键字来调用。
每创建一个Person构造函数,在Person构造函数中,为每一个对象都添加了一个sayName方法,也就是说构造函数每执行一次就会创建一个新的sayName方法。这样就导致了构造函数执行一次就会创建一个新的方法,执行100次就会创建100个新的方法,而100个方法都是一摸一样的,为什么不把这个方法放到一个地方,让所有的实例都可以访问到呢?这就需要原型(prototype
)
二、原型
在JavaScript中,定义一个函数数据类型(普通函数、类)时候,都会自带一个prototype
属性,这个属性指向函数的原型对象。
用一张图表示构造函数和实例原型之间的关系:
注:上图表示的就是per.__proto__ ===Person.prototype
原型对象就相当于一个公共的区域,所有同一个类的实例都可以访问到这个原型对象,我们可以将对象*有的内容,统一设置到原型对象中。
三、原型链
1.__proto__
和constructor
每一个对象天生自带一个属性__proto__
,对象一但创建就会有__proto__
属性,值是当前实例所构造函数的原型(prototype
)对象。原型对象中有一个属性constructor
, 它指向该构造函数。
注:上图只画了普通对象的原型链,函数原型链没画
2.何为原型链
在JavaScript中如果对象自身没有调用的属性或方法,那么对象就会沿着__proto__链逐层去查找原型,直到指向Object.prototype为止,这样就形成了一个原型指向的链条,专业术语称之为原型链。
大致如下:
当我们访问对象的一个属性或方法时,它会先在对象自身中寻找,如果有则直接使用,如果没有则会去原型对象中寻找,如果找到则直接使用。如果没有则去原型的原型中寻找,直到找到Object对象的原型,而Object对象的原型是null,所以在Object原型中依然没有找到,则返回undefined。
我们可以通过更改构造函数的原型来改变原型链:
注:上图只画了普通对象的原型链,函数原型链没画
我们也可以使用对象的hasOwnProperty()
来检查对象自身中是否含有该属性;使用in
检查对象中是否含有某个属性时,如果对象中没有但是原型中有,也会返回true