javascript学习笔记（五）原型和原型链详解

JavaScript中的原型和原型链是其面向对象特性的重要组成部分，它们对于理解对象的继承和属性查找机制至关重要。在JavaScript中，每个函数都有一个`prototype`属性，这个属性是一个对象，用于实现对象间的继承。当我们创建一个新对象时，该对象会自动获取构造函数的`prototype`属性作为其内部的`__proto__`属性。 私有变量和函数是在函数内部定义的，它们不能被外部直接访问。例如，在`function Test(){...}`中定义的`color`变量和`fn`函数就是私有的。这种方式有助于封装和保护数据，防止外部代码随意修改或访问这些内部状态。 静态变量和函数是通过在函数对象上直接添加属性和方法实现的，如`Obj.num`和`Obj.fn`。静态变量和函数属于函数本身而不是实例，因此可以通过函数对象直接访问，但实例无法访问。这种设计模式常用于定义类级别的属性或方法，不随对象实例的变化而变化。 实例变量和函数则是在构造函数内部通过`this`关键字定义的，如`this.a`和`this.fn`。它们会在每次创建新实例时被初始化，成为对象实例的一部分。实例变量和函数是面向对象编程中常用的特征，允许我们为每个对象实例赋予独特的属性和行为。 在JavaScript中，当为实例变量和方法添加新的方法和属性时，如`o1.a.push(1)`和`o1.fn={}`，由于数组和函数是引用类型，这意味着`o1`和`o2`的实例属性实际上是各自独立的副本，而不是共享同一引用。这可能导致内存浪费，尤其是当有大量重复方法时。 为了解决这个问题，JavaScript引入了原型链。每个对象都有一个`__proto__`属性，指向创建该对象的构造函数的`prototype`。当试图访问对象的某个属性时，JavaScript会首先检查该属性是否在对象自身中定义，若不存在，则会沿着`__proto__`链向上查找，直到找到该属性或者到达链的顶端（即`null`）。这就是原型链的工作原理，它使得子类能够继承父类的属性和方法，而无需为每个实例复制它们。 `prototype`对象可以添加属性和方法，这些属性和方法会被所有通过该构造函数创建的对象共享，从而有效地解决了前面提到的内存浪费问题。例如，我们可以将`fn`方法定义在`Obj.prototype`上，所有`Obj`的实例都可以访问到这个方法，而无需为每个实例单独存储一份。 总结来说，JavaScript的原型和原型链是其面向对象特性的重要实现方式，它们使得JavaScript能够实现函数作为一等公民、动态类型以及继承等特性。理解并掌握原型和原型链，对于编写高效、可维护的JavaScript代码至关重要。