原型链梳理

最新推荐文章于 2025-08-15 22:56:20 发布

原创最新推荐文章于 2025-08-15 22:56:20 发布 · 97 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #原型模式

本文探讨JavaScript中的原型和构造函数之间的关系。通过示例展示了`foo`构造函数及其实例`baz`的原型链，揭示了`__proto__`、`prototype`以及它们与`Function.prototype`和`Object.prototype`之间的联系。深入理解这些概念对于掌握JavaScript的继承机制至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function foo () {
  this.bar = 33
}

const baz = new foo()

console.log(baz.__proto__ === foo.prototype); //true

console.log(baz.constructor === foo);//true

console.log(foo.__proto__ === Function.prototype); //true

console.log(Function.prototype === Function.__proto__);//true

console.log(Function.__proto__.__proto__ === Object.prototype);//true

console.log(Object.__proto__); // {}
console.log(Object.__proto__.__proto__); //null
console.log(Object.prototype);//null

console.log(Object.__proto__.__proto__ === Object.prototype); //true