__proto__对比prototype

东华帝君2025-09-30 11:23

实例对象没有 prototype 属性 ，只有函数才有 prototype 属性。

实例对象上有的是 __proto__ ，指向其构造函数的 prototype。

详细解释

1. 函数对象

函数在 JavaScript 中是一等对象，但它们有一个特别的属性：

javascript 复制代码

function Foo() {}
console.log(Foo.prototype); 
// { constructor: Foo, __proto__: Object.prototype }

Foo.prototype 是一个对象，会成为由 new Foo() 创建的实例的原型。
所以 prototype 是 函数特有的属性。

2. 实例对象

实例通过 new 创建时，会把自己的 __proto__ 指向构造函数的 prototype：

javascript 复制代码

function Foo() {}
const f = new Foo();

console.log(f.__proto__ === Foo.prototype); // true
console.log(f.prototype); // undefined ❌

f（实例）没有 prototype 属性。
f.__proto__ 指向 Foo.prototype。

3. 一张关系图

scss 复制代码

 Foo (函数)
   │
   ├── prototype  ----> { constructor: Foo, ... }
   │                        ▲
   │                        │
   └─── new Foo() ---> f.__proto__