day01 JS 原型与原型链

171 阅读2分钟

意义:JavaScript没有类的概念,原型以及原型链的出现是为了模拟 JavaScript中的继承关系。(为什么是模拟?文末有解释)

prototype

每个函数(非箭头函数,箭头函数不可以作为构造函数使用)都有一个prototype属性,函数的 prototype 属性指向了一个对象,这个对象正是调用该构造函数而创建的实例的原型

image.png

image.png

proto

这是每一个JavaScript对象(除了 null )都具有的一个属性,叫__proto__,这个属性会指向该对象的原型。

构造函数(Person)和实例对象(person)都可以指向实例原型(Person.prototype),实例原型可以指向构造函数,但是不能指向实例对象(构造函数可以生成多个实例)

Person.prototype.constructor === Person // true

实例与原型

当读取实例的属性时,如果找不到,就会查找与对象关联的原型中的属性,如果还查不到,就去找原型的原型,一直找到最顶层为止。

到了最上层,Object.prototype._proto_ === null //true

所以 Object.prototype._proto_的值为 null 跟 Object.prototype 没有原型,其实表达了一个意思。

image.png

图中由相互关联的原型组成的链状结构就是原型链,也就是蓝色的这条线。

为什么是模拟继承

前面我们讲到“每一个对象都会从原型‘继承’属性”,实际上,继承是一个十分具有迷惑性的说法,引用《你不知道的JavaScript》中的话,就是: 继承意味着复制操作,然而 JavaScript 默认并不会复制对象的属性,相反,JavaScript 只是在两个对象之间创建一个关联,这样,一个对象就可以通过委托访问另一个对象的属性和函数,所以与其叫继承,委托的说法反而更准确些。