JavaScript中prototype、__proto__与constructor三者关系如何？

本文共计2648个文字，预计阅读时间需要11分钟。

提示：不要排斥，静下心来，认真读完，你就能搞懂了！（可以先看最后的总 结部分再回头完整看完）

1. 前言作为一名前端工程师，必须搞懂JS中的`prototype`、`__proto__`与`constructor`。

2. `prototype`介绍`prototype`是函数的一个属性，它指向该函数的原型对象。原型对象包含了该函数的所有实例可以访问的属性和方法。

3. `__proto__`介绍`__proto__`是对象的一个内置属性，它指向该对象的原型。在非ES6环境中，所有对象都继承自`Object.prototype`。

4. `constructor`介绍`constructor`是函数的一个属性，它指向创建该函数实例的原型。

5. `prototype`与`__proto__`的关系- 对于普通函数，`prototype`指向它的原型对象，`__proto__`指向`Object.prototype`。- 对于普通对象，`__proto__`指向它的原型，如果没有显式设置原型，则默认指向`Object.prototype`。

6. `constructor`与`__proto__`的关系- `constructor`可以用来判断一个实例是由哪个构造函数创建的。- 通过`__proto__`可以访问实例的原型。

7. 总结- `prototype`是函数的属性，指向原型对象。- `__proto__`是对象的属性，指向原型。- `constructor`是函数的属性，指向创建实例的构造函数。

通过理解这三个概念，你可以更好地理解JavaScript中的原型链和继承机制。