JavaScript原型继承机制深度解析

JavaScript原型继承概述

该语言特性的核心机制基于 JavaScript 独有的原型链（prototype chain）模式。

因此，从严格定义来看，JavaScript 属于基于原型的面向对象语言。这意味着每个实例对象都关联着一个原型，并从中继承属性和方法。

构造函数与实例创建

借助构造函数可以便捷地创建对象，此时构造函数内部的 this 关键字指向当前正在创建的实例对象：

 
function People(name){
this.name = name;
} 

通过 new 运算符配合构造函数来生成实例对象：

 
var people = new People('小明');
console.log(people.name); //输出：小明

然而，若创建多个实例，这些实例之间无法直接共享属性和方法：

 
var people1 = new People('小明');
var people2 = new People('小王');
people1.sex = 'male';
console.log(people2.sex); //输出：undefined

这表明对象在实例化后，其属性和方法各自独立，修改某一实例的属性不会影响其他实例。

Prototype属性的共享机制

为此引入了 prototype 属性，该属性在生成实例对象时自动创建。它本身是一个对象，包含可在实例间共享的属性和方法。而实例自身的属性和方法则定义在构造函数内。换言之，构造函数内的内容在实例化后成为本地属性，而原型（prototype）中的内容在实例中仅为引用，从而实现多实例共享。

沿用前述构造函数，现为其添加 prototype 属性：

 
People.prototype.sex = 'female';
//亦可写作 People.prototype = {sex: 'female'};
console.log(people1.sex); //输出：male
console.log(people2.sex); //输出：female

People 构造函数的 prototype 属性直接影响了 people1 和 people2 两个实例的行为。

原型链查找规则与内存管理

为何 people1.sex 输出 male？这是因为 JavaScript 中的原型关系呈递归形式存在。对象的原型仍是对象，且原型本身也可能拥有原型，其最高层级为全局 Object 对象。

这意味着，一旦 people1.sex 被赋值为 male，原型中对应的值便不再暴露。仅当 people1 自身没有该属性时，才会从构造函数的 prototype 属性中读取，并逐级向上查找，直至 Object 对象。

注：将对象赋值为 “null” 可销毁自定义对象，从而释放内存资源。