关于原型与原型链的理解

 在js基础中,可以说最令人头晕的莫过于原型之间关系,原型和原型链之间的关系,以及原型链中间继承关系,新人只要把这几个关系理解清楚,相信会对代码的理解更上一层楼

原型对象

 在 JavaScript 中,每当定义一个对象(函数也是对象)时候,对象中都会包含一些预定义的属性。其中每个函数对象都有一个prototype 属性,这个属性指向函数的原型对象。
关于原型与原型链的理解
原型对象就相当于一个公共的区域,所有同一个类的实例都可以访问到这个原型对象,我们可以将对象中共有的内容,统一设置到原型对象中。

隐式原型 和 constructor

 每一个对象数据类型(普通的对象、实例、prototype…)也天生自带一个属性__proto__,属性值是当前实例所属类的原型(prototype)。原型对象中有一个属性constructor, 它指向函数对象。

关于原型与原型链的理解

(图型分析)
关于原型与原型链的理解

原型链

 此时已经搭建起一个很基础的原型链结构了然而 对象和对象之间也有关系,并不是孤立存在的。对象之间的继承关系,在JavaScript中是通过prototype对象指向父类对象,直到2指向Object对象为止,这样就形成了一个原型指向的链条,专业术语称之为原型链。而这种原型链才是完整的原型链

关于原型与原型链的理解

new

而实例化一个对象是new要做得4件事

  1. 创建新的空对象
  2. 给新对象设置了一个__proto__的属性,值指向构造函数的原型对象让新对象继承构造函数函数的原型对象
  3. 给新对象添加构造函数规定属性
  4. 将新对象放回给变量

继承

继承虽然解决重复调用而产生的重复性代码
但是js中是没有类这个概念
而继承是面向对象编程的特征

但可以通果原型实现伪继承

常用的继承的六种方法

1.构造继承
2.原型继承
3.实例继承(闭包继承)
4.拷贝继承
5.组合继承
6.寄生组合继承