在JavaScript中，原型链是一个经常被提到的概念。它是实现对象之间继承和属性重载的重要机制。不过，JavaScript中的原型链并不直观，初学者经常会感到困惑。本文将从隐式原型链的概念入手，深入探讨JavaScript中的原型链与原型链继承，帮助读者更好地理解它们的本质，以及如何在实际项目中应用它们。
隐式原型链
在JavaScript中，每个对象都有一个[[Prototype]]的属性，它指向该对象的原型。我们可以用Object.getPrototypeOf()方法获取对象的原型，也可以用对象的__proto__属性直接查看或设置它的原型。每个原型又是一个对象，因此它也有自己的原型，这就形成了一个原型链。
那么它是如何形成的呢？我们来看下面的代码：
function Foo() {}
var foo = new Foo();
console.log(foo.__proto__ === Foo.prototype); // true
console.log(Foo.prototype.__proto__ === Object.prototype); // true
console.log(Object.prototype.__proto__); // null这个例子里，我们定义了一个Foo函数，然后用new操作符创建一个foo对象。foo对象的[[Prototype]]指向Foo.prototype，而Foo.prototype的[[Prototype]]指向Object.prototype，Object.prototype的[[Prototype]]为null，这就构成了一个原型链。
在JavaScript中，当我们访问一个对象的属性时，它首先在自身属性中查找，如果找不到，就会沿着原型链一级一级地向上查找。如果最终仍然找不到，则会返回undefined。这个查找过程就是所谓的作用域链。
这种通过[[Prototype]]实现的继承方式被称为原型链继承。因为JavaScript中没有类的概念，对象之间的关系都是通过原型链维系的。
原型链继承
接下来，我们来看一些原型链继承的实现方法。
1.构造函数继承
构造函数继承是最简单的继承方式之一。它的核心思想是在子类的构造函数中调用父类的构造函数，在父类的作用域下初始化子类。这样可以保证子类拥有自己的实例属性，避免修改父类原型属性所带来的风险。
-- -------------------- ---- ------- -------- ------------ - --------- - ----- - ------------------------ - ---------- - ----------------------- - -------- ------------- ------ - ----------------- ------ ---------- - ------ - --- - - --- --------------- ------- -------------------- -- ---- --------------------- -- --- ------------- ---------- -------- -- ----- ------------- ---------- --------- -- ----
在这个例子中，我们定义了一个Person类和一个Student类，Student类继承自Person类。通过Person.call(this, name)的调用，在Student的作用域下初始化Person，从而实现了对实例属性进行继承。这种方式的缺点是父类的原型属性不能被子类继承。
2.原型链继承
原型链继承是最常用的继承方式之一。它的核心思想是让子类的原型指向父类的实例，这样子类就能够继承父类的原型属性。但它也有着一些缺点，比如所有子类实例共享同一个父类实例，父类的引用类型属性会被所有子类实例共享等等。
-- -------------------- ---- ------- -------- -------- -- ------------------------ - ---------- - ----------------------- - -------- ------------- ------ - --------- - ----- ---------- - ------ - ----------------- - --- --------- ----------------------------- - -------- --- - - --- --------------- ------- -------------------- -- ---- --------------------- -- --- ------------ -- ---- ------------- ---------- -------- -- ---- ------------- ---------- --------- -- ----
在这个例子中，我们让Student的原型指向Person的实例，然后再重新指定Student.prototype.constructor，使Student.prototype的constructor指向Student。通过这种方式，我们就能够在保留子类自身属性的同时，也能够继承父类的原型属性。
3.组合继承
组合继承是一种常用的继承方式，它是将构造函数继承和原型链继承结合起来的一种继承方式，它利用了构造函数继承和原型链继承的优点。
-- -------------------- ---- ------- -------- ------------ - --------- - ----- - ------------------------ - ---------- - ----------------------- - -------- ------------- ------ - ----------------- ------ ---------- - ------ - ----------------- - --- --------- ----------------------------- - -------- --- - - --- --------------- ------- -------------------- -- ---- --------------------- -- --- ------------ -- ---- ------------- ---------- -------- -- ---- ------------- ---------- --------- -- ----
通过这种方式，我们既能继承父类的实例属性，又能继承父类的原型属性。但它也存在一些问题，比如每次创建子类实例时，都会调用一遍父类的构造函数，这可能会导致性能问题。
总结
在JavaScript中，原型链是实现对象之间继承和属性重载的重要机制。它让JavaScript具有了灵活、简洁、高效的编程特性。本文从隐式原型链的概念入手，深入探讨了JavaScript中的原型链与原型链继承，并介绍了几种原型链继承方式的实现方法。对于初学者来说，了解原型链和原型链继承的本质是理解JavaScript面向对象编程的重要前提。希望读者能够通过本文的介绍，对这些概念有更深入的理解，从而更好地运用它们进行开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6498eff548841e98945de210