JavaScript 原型和原型链以及constructor属性

1、javascript 原型和原型链以及constructor属性prototype 原型对象 prototype 翻译过来叫原型，原型是一种在开发生命周期的早期显示应用程序或产品的外观和行为的模型。javascript 中的 prototype 叫原型对象，是每一个函数都有的属性。 在控制台中打印 atotype，得到下面的输出。发觉它的 prototype 里有我们数组对象全部的函数，可以推知在用法构造函数创建了对象之后，对象会引用构造函数的prototype，从而自身可以拜访这些函数。事实上，当用法一个对象来拜访一个函数时，假如这个对象没有定义该函数，则会沿着原型链，一层一

2、层的向上找，找对象的proto（简称一下），然后找对象proto的proto，然后找对象的proto的proto的proto，直到找到该函数并执行或者到原型链最顶层了也没有找到（报出undefined错误）。 at: ƒ at（） concat: ƒ concat（） constructor: ƒ array（） copywithin: ƒ copywithin（） entries: ƒ entries（） every: ƒ every（） fill: ƒ fill（）

3、 filter: ƒ filter（） find: ƒ find（） / 省略 prototype: object function a（） / 定义一个函数 a 1 在 javascript 中函数也是对象，可以自行验证 a instanceof object 或者 array instanceof object 或者 string instanceof object 得到的结果都是 true。直观地看一下，打印 typeof a.prototype，获得以下结果。可见 a.prototype 这个 prototype 就是个对象。 原型链 函数：存在 p

4、rototype 属性，其中 prototype 属性里又有一个 constructor 属性。constructor 指向该函数本身。 对象：存在 _proto_ 属性，它指向它的构造函数的 prototype 。（一个函数，用它 new 出了对象，这个函数就叫构造函数） 结合一个例子，来解释清晰。 function a（） this.text = &39;i am a.&39; const a = new a（）; console.log（a._proto_ = a.prototype）; / true console.log（a._proto_._proto_ = obj

5、totype）; / true console.log（ototype._proto_）; / null console.log（a._proto_._proto_._proto_）; / null a 是函数 a 构造出来的对象， a._proto_ 指向它的构造函数的原型对象 a.prototype， a.prototype._proto_ 指向它的原型对象 ototype，ototype._proto_ 指向 null。 下面这段话摘自mdn文档： 每个实例对象都有一个私有属性（称之为 _proto_ ）指向它的构造函数

6、的原型对象（prototype）。该原型对象也有一个自己的原型对象（_proto_），层层向上直到一个对象的原型对象为 null。按照定义，null 没有原型，并作为这个原型链中的最后一个环节。 为了更清晰的看到原型对象和原型链到底是啥样子的，在控制台打印 a.prototype 和 ototype，输出如下： prototype 只是在控制台里这样显示，事实上它是就是 _proto_。可以得知，a.prototype._proto_ 指向了 ototype，也就是 a._proto_._proto_ 指向 ototype。一个原型对象指向上层的一个原型对象，上层的原型对象一个又指向上上层的向来指到最后为 null 的链，就是原型链。 constructor 属性 constructor 是 prototype 的属性，constructor 指向构造函数本身。 a.prototype.constructor = a / true （&39;some text&