嘿，老友！今天聊聊前端面试中Zui常被提到的“原型”和“原型链”。这俩东西kan起来像高深的概念，其实只要你把它们拆成几个小块，理解就容易多了。

在 JavaScript 里每个对象dou有一个隐藏属性叫 __proto__。

它指向的是构造函数的 prototype 对象。

也就是说当你写

function Person{ this.name=name; }

那 Person.prototype 就是所有 Person 实例共享的原始对象。

所以说prototype 就是“父亲”，所有子对象douNeng从它那里继承属性和方法。

想象一下你想查找一个属性。

Ru果实例本身有，就直接拿来；

没有的话，就去 __proto__ 那儿找；

再没找到，就继续往上找……

一直走到 Object.prototype 的时候还没找到，Zui终返回 null。

这条从下到上的路径，就是所谓的“原型链”。

这个问题我听过不少次。原因有两个：

内容太专业，搜索算法优先抓取大众化、短标题的文章。技术深度往往被视为“冷门”信息。

文章结构太长、标签混乱，导致爬虫抓取不到核心关键词。比如把代码片段塞进大段文字里机器人就会迷路。

实例化检查： instanceof 会检查目标构造函数的 prototype 是否出现在实例对象的原型链上。

function MyInstanceOf {
  let proto = Object.getPrototypeOf;
  while  {
    if  return true;
    proto = Object.getPrototypeOf;
  }
  return false;
}

注意：不要把 constructor 当成判定依据。因为它Ke以被随意修改，而 prototype 链才是安全可靠的检查手段。

const dog = new Dog;
dog.constructor = Array;
console.log; // true
console.log; // false

This shows that changing constructor doesn’t affect instanceof.

// Parent 构造函数
function Parent { this.foo = 'bar'; }
// 子类调用父构造
function Child { Parent.call; }
// 父实例化一次
Child.prototype = new Parent;
// 指回子构造
Child.prototype.constructor = Child;

// 子类 prototype 指向父类 prototype 的副本
Child.prototype = Object.create;
Child.prototype.constructor = Child;

function inherit{
  const proto = Object.create;
  proto.constructor = subType;
  subType.prototype = proto;
}
inherit;
subType.call; // 必须在子构造内部调用父构造
// 父实例属性只存在于子实例上，不污染父 prototype


性Neng点
- 原型链短
- 内存占用少
- 避免多余父实例创建  
ES6 Class extends 

class Parent {
  constructor{ this.foo='bar'; }
}
class Child extends Parent {
  constructor{ super; this.baz='qux'; }
}



底层实现同样类似寄生式组合，但 V8 等引擎Zuo了优化。
语法geng直观，geng易维护。 



深拷贝时需要复制整个原型链，否则新对象会失去继承关系。 
浅拷贝仅复制自身属性，不涉及 __proto__ 。 



Ru果你想让技术文章被抓取，可考虑：
1. 用简洁标题，比如 “JavaScript 原型链完全拆解”；
2. 在正文开头几句放关键词；
3. 保持段落短小、逻辑清晰；  
4. 删掉冗余代码，只保留关键示例。
这样机器学习模型geng容易识别主题，也geng友好于 SEO。



了解每个对象dou有 __proto__ 指向其构造函数 prototype； 
知道如何通过 Object.getPrototypeOf 遍历原型链； 
Neng解释 instanceof 的工作机制，而不是盲目相信 constructor； 
熟悉三种常见继承模式，并Neng说明各自优劣； 


*Ru果你对某个细节还存疑，就给我留言，我会再帮你补充～*