论原型与原型链

一、构造函数

        构造函数是一个普通的函数,创建方式和普通函数没有区别,不同的是构造函数习惯上首字母大写。另外就是调用方式的不同,普通函数是直接调用,而构造函数需要使用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

论原型与原型链

上一篇:HTTP 定义的错误状态代码


下一篇:【面试1】构造函数、原型、原型链、new