JavaScript原型,原型链?
时间: 2023-07-28 20:50:03 浏览: 66
在JavaScript中,每个对象都有一个指向它的原型对象的内部链接,这个对象称为原型(prototype)。原型对象是一个普通的对象,也可以拥有自己的原型,并且形成一个原型链。
当我们访问一个对象的属性时,如果对象本身没有该属性,JavaScript引擎会沿着对象的原型链向上查找,直到找到该属性或者原型链的顶端null为止。这样的查找过程被称为原型链的查找。
示例代码:
```javascript
function Animal() {}
Animal.prototype.species = 'animal';
function Cat(name) {
this.name = name;
}
Cat.prototype = new Animal();
Cat.prototype.constructor = Cat;
var cat = new Cat('Tom');
console.log(cat.species); // 'animal'
```
在这个例子中,Animal是一个构造函数,它的原型对象有一个属性species。Cat是一个构造函数,它的原型对象等于一个Animal实例,因此也拥有了Animal原型对象上的属性和方法。当我们访问cat.species时,JavaScript引擎就会沿着原型链依次查找,最终找到了Animal原型对象上的species属性。
JavaScript中的原型和原型链是面向对象编程的重要概念,理解它们能够帮助我们更好地理解JavaScript的对象模型和继承机制。
相关问题
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 ]