真丶深入理解 JavaScript 原型和原型链（一）：两个属性

原文地址：https://www.jeremyjone.com/738/，转载请注明。

---

网上有很多相关的文章、视频等资料，但很多都是片面的，不完全的。我也为了自身加深理解，所以对其进行一下简单的总结。

本来想写一篇文章进行总结，发现越写越多，还是分成几篇，分别总结吧。

两个属性

可以说 JavaScript 的很多特性都是基于原型和原型链展开的，这就要提到两个属性：

• __proto__
• prototype

下面先理解这两个属性。

__proto__ 属性

首先，它不是一个 JavaScript 的规范属性，只是浏览器方便获取对象的原型而创建的一个属性，但是它仍然需要理解。

它并不被推荐直接使用，而是使用其他方法代替，这个后面说。

该属性服务于对象实例，指向创建实例的构造函数的原型对象

我们从下面几个方面理解：

1、它保存着继承关系

大多数情况下，每一个对象都包含 __proto__ 属性，我们可以通过它来查看一个对象的从属关系。

一个简单的例子：

let arr = [];

其中，arr 是我们创建的一个对象，它是一个数组。我们都知道数组有内置方法，但是我们创建的 arr 并没有给出，于是它调用了父级的 Array 构造器成功创建了数组对象。而其父级内容，还有父级，它是一个 Object 对象。

至此，一个简单的 arr 对象实例创建完成，它具有三层继承关系。

2、对象中也可以不包含该属性

上面讲到了绝大对数情况。但有时候，一个对象也可以不包含该属性，比如：

// 1
var obj = {
    name: "jeremyjone" }; // 包含 __proto__

// 2
var obj2 = Object.