js原型和原型链什么时候用到
时间: 2024-06-06 07:11:47 浏览: 16
js原型和原型链在JavaScript中的对象创建时用到。每当创建一个新对象时,都会为该对象分配一个原型。原型是一个对象,其中包含该对象的属性和方法。如果在对象本身找不到所需属性或方法,则会在该对象的原型上查找。原型链是继承属性和方法的过程,它基于每个对象的原型,形成一个链。通过原型链,可以访问父对象的属性和方法,并且可以向子对象添加新的属性和方法。
相关问题
js原型和原型链图解
JavaScript中的原型和原型链是理解JavaScript面向对象编程的重要概念之一。
在JavaScript中,每个对象都有一个原型(prototype),原型是一个对象,它包含了共享的属性和方法。当我们访问一个对象的属性或方法时,如果该对象本身没有这个属性或方法,JavaScript会去它的原型中查找。
原型链是由一系列对象组成的链表结构,每个对象都有一个指向其原型的引用。当我们访问一个对象的属性或方法时,如果该对象本身没有,JavaScript会沿着原型链向上查找,直到找到对应的属性或方法或者到达原型链的末尾(null)。
下面是一个简单的图解:
```
+--+
| Object |
+--+
| __proto__ |
| |
| constructor |
| toString() |
| ... |
+--+
^
|
+--+
| Prototype |
+--+
| __proto__ |
| |
| constructor |
| hasOwnProperty()|
| ... |
+--+
^
|
+--+
| Prototype |
+--+
| __proto__ |
| |
| constructor |
| ... |
+--+
^
|
.
.
.
```
在这个图中,每个对象都有一个`__proto__`属性,指向它的原型对象。原型对象也是一个对象,同样有一个`__proto__`属性,指向它的原型对象,以此类推,形成了原型链。
当我们访问一个对象的属性或方法时,JavaScript会先在该对象本身查找,如果找不到,就会沿着原型链向上查找,直到找到对应的属性或方法或者到达原型链的末尾(null)。
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中非常重要的概念,它们可以帮助我们更好地理解对象之间的关系,并且可以让我们更方便地复用代码。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)