JavaScript原型链：Object与Function对象差异及person原型困惑

兄弟，我来帮你把原型这事儿掰扯明白——你现在的困惑核心是没分清JavaScript里「普通对象的原型」和「构造函数的原型对象」的区别，咱们一步步拆解：

首先得纠正一个误区：只有函数（尤其是构造函数）才有prototype属性，普通对象压根没有这个专属属性！

比如你如果写了这样的代码：

const person = { name: 'Alice' };
person.prototype.hit = function() { console.log('hit!') };

这根本不是在修改person的原型链，而是给person对象凭空加了一个名叫prototype的普通属性，自然不会生效。

而你把hit加到Object.prototype里能生效，是因为所有普通对象的原型链最终都会指向Object.prototype——当你调用person.hit()时，person本身没有这个方法，就会顺着原型链往上找，刚好在Object.prototype里找到，所以能运行。

你说的“能运行的代码”，大概率是用了构造函数或者ES6的class语法（class本质是构造函数的语法糖），比如：

// 构造函数写法
function Person(name) {
  this.name = name;
}
// 给构造函数的prototype加方法
Person.prototype.hit = function() {
  console.log(`${this.name} hits!`);
};
const person = new Person('Bob');
person.hit(); // 正常运行！

这种场景下，Person是构造函数，它的prototype属性是一个专门的原型对象——所有通过new Person()创建的实例（比如上面的person），它们的内部[[Prototype]]都会指向Person.prototype，所以实例能继承到hit方法，这和你直接给普通对象加prototype完全是两码事。

再给你划几个关键知识点，帮你纠正误解：

• 构造函数的prototype：这是一个专门的对象，用来给所有同类型实例共享方法/属性，避免每个实例都重复创建相同方法，节省内存。
• 对象的[[Prototype]]：每个对象内部都有这个隐藏属性（可以用Object.getPrototypeOf()查看），它指向该对象的“原型对象”。当你访问对象的属性/方法时，如果对象本身没有，就会顺着[[Prototype]]往上找，直到Object.prototype（再往上就是null）。
• 普通对象（比如const obj = {}）的[[Prototype]]默认就是Object.prototype，你可以用Object.setPrototypeOf(obj, 新原型对象)修改，但一般不推荐这么做，会影响性能。

如果只是想给单个person对象加专属的原型方法，不用动Object.prototype，可以这么写：

const person = { name: 'Alice' };
// 创建一个自定义原型对象
const customProto = {
  hit: function() {
    console.log(`${this.name} hits!`);
  }
};
// 修改person的[[Prototype]]
Object.setPrototypeOf(person, customProto);
person.hit(); // 正常运行！

你说“实现了功能但原型工作方式和预期不符”，大概率是把普通对象的prototype属性和**构造函数的prototype**搞混了——记住：普通对象没有prototype这个专属属性，你给它加prototype只是加了个普通键值对，根本不会影响原型链。

内容的提问来源于stack exchange，提问作者user3502374