晨光轻透纱窗，在桌面铺就一片温柔的暖黄，泡一杯清香四溢的蜜桃乌龙茶，让我们在这静谧的晨间时光里，以舒缓的节奏聊聊 JavaScript 中 “原型与原型链” 这道高频面试题。没有复杂的学术用语，只有如老友谈心般的亲切解析，帮你在放松的氛围中揭开对象继承的神秘面纱，面试压力悄然消散～

面试题：原型与原型链 —— 对象的 “家族遗传密码”

面试官提问：“请解释原型和原型链的关系，如何通过原型实现继承？”

这道题就像探索对象的 “家族族谱”，每个对象都有自己的 “祖先”，通过 “遗传密码” 传递属性和方法。理解它们，就能明白为什么子类能复用父类的 “技能”，让代码像家族传承一样有序。

代码示例：用 “家族关系” 理解原型链

// 定义“父类”：交通工具（所有车的祖先）
function Vehicle() {
this.wheels = 4; // 父类共有属性：4个轮子
}
Vehicle.prototype.drive = function() { // 父类原型方法：驾驶
console.log('正在平稳行驶...');
};
// 定义“子类”：汽车，继承交通工具
function Car(brand) {
Vehicle.call(this); // 继承父类属性（轮子数量）
this.brand = brand; // 子类独有属性：品牌
}
// 建立原型链：子类原型指向父类实例（认祖归宗）
Car.prototype = new Vehicle();
Car.prototype.constructor = Car; // 修正构造函数指向（避免认错祖先）
// 创建汽车实例：继承父类属性和方法
const bmw = new Car('BMW');
console.log(bmw.wheels); // 输出4（继承父类属性）
bmw.drive(); // 输出“正在平稳行驶...”（调用父类原型方法）

正常回答（专业版）：

• 原型：每个函数都有prototype（显式原型），每个对象都有__proto__（隐式原型），指向构造函数的原型。
• 原型链：对象查找属性时，先查自身，再沿__proto__逐层向上查找，直到Object.prototype（终点是null）。
• 原型继承：通过子类.prototype = new 父类()让子类原型指向父类实例，实现子类复用父类属性和方法，减少代码冗余。

大白话回答（解压版）：

原型就像对象的 “家谱”：

• 每个对象出生时，都会在自己的 “家谱”（__proto__）里记上 “爸爸是谁”（构造函数的原型）。比如汽车的爸爸是交通工具，所以汽车会继承交通工具的 “4 个轮子” 和 “驾驶” 技能。
• 找属性时就像 “认亲”：先看自己有没有，没有就问爸爸，爸爸没有就问爷爷，直到找到为止。比如汽车没有drive方法，就去交通工具的原型里找，这就是原型链的作用。
• 继承就是 “子承父业”：子类通过 “认父类当祖先”，直接获得父类的属性和方法，不用自己重新编写，就像孩子天生会父母的一些技能一样。

面试应答模板

原型与原型链怎么答？

正常回答：“原型是函数和对象之间的链接，原型链是属性查找的路径。每个函数的prototype是一个对象，实例的__proto__指向这个对象。当访问实例的属性时，JS 引擎会先查实例自身，再沿__proto__向上查父原型，直到Object.prototype。通过将子类原型设置为父类实例，子类就能继承父类的属性和方法，这是 JS 实现继承的核心方式。”

大白话回答：“面试官，原型就像对象的‘户口本’，记录着它的祖先是谁。比如交通工具是父类，汽车是子类，汽车的户口本上写着‘爸爸是交通工具’，所以汽车会有交通工具的轮子和驾驶方法。当汽车需要用drive方法时，发现自己没有，就去爸爸的户口本里找，这就是原型链的作用。这种继承方式能让子类复用父类代码，比如多个子类共享父类的通用方法，提高开发效率。”

代码亮点解析

• 父类初始化：Vehicle.call(this)确保子类继承父类的实例属性（如wheels）；
• 原型链建立：Car.prototype = new Vehicle()让子类原型指向父类实例，形成继承关系；
• 构造函数修正：Car.prototype.constructor = Car避免子类实例的构造函数指向父类，保持逻辑正确。

晨间小互动

今天聊的原型与原型链，你在开发中遇到过因为原型链混乱导致的 “属性失踪” 问题吗？比如子类无法调用父类方法，或者原型被意外修改？欢迎在评论区分享你的踩坑经历～

觉得文章如晨间微风般清爽又实用，别忘了点赞关注！每天清晨和上午，我们都会以轻松的方式拆解一道 JS 面试题，让学习成为一天中最舒适的小确幸。你最希望下期讲解哪道高频题？评论区留言，咱们下期见！