JavaScript中的原型链prototype介绍

JavaScript中的原型链与继承机制

在JavaScript中，继承并非通过传统的类继承方式实现，而是通过原型链（prototype chain）来完成。每一个对象内部，都有一个指向其原型对象的链接，我们称之为原型链。通过这个原型链，对象能够访问到其原型对象中的属性和方法。

访问原型对象的三种主要方法：

1. __proto__属性：可以通过对象的__proto__属性来访问其原型对象。这种方法在Firefox、Safari和Chrome等浏览器中支持，但在IE和Opera中并不支持。

2. Object.getPrototypeOf()方法：将对象作为参数传入此方法，会返回对象的原型对象。但请注意，此方法仅在ECMAScript 5标准中得到支持。

3. 通过constructor.prototype访问：首先获取对象的constructor函数，然后访问该constructor函数的prototype属性。但这种方法的前提是对象中存在指向构造函数的constructor属性。

如何判断两个对象间是否存在原型链关系呢？可以使用isPrototype()方法。例如：

```javascript

var p = {x:1};

var o = Object.create(p);

console.log(p.isPrototypeOf(o)); // 输出 true，表示o的原型链上确实有p

```

所有通过字面量创建的对象，其prototype对象都是Object.prototype。而所有使用new操作符创建的对象，其prototype对象都是constructor函数的prototype属性。

在JavaScript中，使用new操作符创建对象的过程是这样的：

1. 创建一个新的空对象。

2. 将这个对象的__proto__属性指向constructor函数的prototype属性。

3. 将这个新对象作为this参数，执行constructor函数。

从上述过程我们可以得出结论：从同一个constructor函数中构造出来的所有对象，其__proto__属性（也即其原型对象）是相等的。

深入了解JavaScript的原型链机制，有助于我们更好地理解其继承机制，以及对象在内存中的结构。在复杂的项目和产品级应用中，对原型链的深入理解将有助于我们写出更高效、更稳定的代码。