javascript原型和原型链

JavaScript中的每个对象都有一个原型对象，原型对象包含了一个对象的公共属性和方法。当我们访问一个对象的属性或方法时，如果这个对象本身没有这个属性或方法，JavaScript引擎会沿着原型链向上查找，直到找到对应的属性或方法。

原型链是由每个对象的原型组成的链式结构，它的顶端是Object.prototype，也就是所有对象的最顶层原型。每个对象都有一个指向它原型的指针__proto__，该指针指向其原型对象。

当我们访问一个对象的属性或方法时，如果该对象本身没有该属性或方法，JavaScript引擎就会沿着原型链向上查找。如果还是找不到，就会返回undefined。

我们可以通过Object.create()方法来创建一个对象，并指定该对象的原型。例如：

let obj1 = { name: 'Alice' };

let obj2 = Object.create(obj1);

console.log(obj2.name); // Alice

在这个示例中，我们创建了一个名为obj1的对象，然后创建了一个名为obj2的对象，并将obj1作为obj2的原型。因此，当我们在obj2中访问name属性时，JavaScript引擎会沿着原型链向上查找，最终找到obj1的name属性并返回它的值。

总之，原型和原型链是JavaScript中非常重要的概念，它们可以帮助我们更好地理解对象之间的关系，并且可以让我们更方便地复用代码。

相关问题

javascript 原型 原型链

在JavaScript中，每个对象都有一个隐藏的 `__proto__` 属性，它指向该对象的原型。原型是一个普通的对象，它包含了共享属性和方法。当我们访问一个对象的属性或方法时，JavaScript引擎会首先在该对象本身查找，如果找不到，则会沿着原型链向上查找，直到找到该属性或方法，或者到达原型链的顶端(Object.prototype)。这个原型链的过程就是通过 `__proto__` 属性来实现的。

例如，当我们创建一个实例对象 `teacher` 时，如果 `teacher` 对象本身没有 `teach()` 方法，JavaScript引擎会通过对象的 `__proto__` 属性查找到 `Teacher.prototype` 的显式原型上，如果 `Teacher.prototype` 仍然没有该方法，它会继续沿着 `Teacher.prototype.__proto__` 找到 `Person.prototype`，直到找到 `teach()` 方法并执行。这样就形成了一个原型链。

同时，可以注意到 `Object.prototype.__proto__` 的值为 `null`，即 `Object.prototype` 没有原型。所以在原型链中，当找到顶层原型还没有属性时，就会返回 `undefined`。

需要注意的是， `__proto__` 是一个非标准的属性，实际开发中不应该直接使用它。它只是内部指向原型对象 `prototype` 的一个指示器，我们应该使用 `Object.getPrototypeOf()` 或 `Object.setPrototypeOf()` 来访问和设置对象的原型。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [JS：原型和原型链](https://blog.csdn.net/elevenhope/article/details/122882582)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [JavaScript原型链(重要)](https://blog.csdn.net/liyuchenii/article/details/125957625)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

Javascript原型链

JavaScript的原型链是一种通过原型（prototype）来实现对象之间继承关的机制。每个JavaScript对象都有一个原型对象，用于定义该对象的属性和方法。当访问一个对象的属性或方法时，如果该对象本身没有该属性或方法，JavaScript引擎会沿着原型链向上查找，直到找到该属性或方法为止。实际上，原型链是一个链式结构，每个对象的__proto__属性指向其原型对象，形成了一个继承关系。这样，对象可以继承其原型对象的属性和方法，并且原型对象也可以有自己的原型对象，从而形成更深层次的继承关系。因此，原型链在JavaScript中起到了实现对象之间继承关系的重要作用。<em>1</em><em>2</em><em>3</em>
#### 引用[.reference_title]
- *1* *3* [JavaScript的原型链](https://blog.csdn.net/m0_72446057/article/details/129155515)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item]
- *2* [JavaScript原型链(重要)](https://blog.csdn.net/liyuchenii/article/details/125957625)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item]
[ .reference_list ]