JS 原型链知识点
时间: 2023-07-16 19:15:07 浏览: 49
JavaScript 原型链是 JavaScript 对象模型中的一个重要概念。每个 JavaScript 对象都有一个原型对象,而这个原型对象又有自己的原型对象,形成了一个链式结构,即原型链。
在 JavaScript 中,每个对象都有一个 `__proto__` 属性,指向它的原型对象。当我们访问一个对象的属性时,如果该对象本身没有这个属性,就会去它的原型对象上查找,如果还没有,就会继续查找原型对象的原型对象,直到找到该属性或者到达原型链的末尾。
当我们创建一个对象时,JavaScript 引擎会自动为该对象添加一个 `__proto__` 属性,指向该对象的构造函数的原型对象。例如,我们可以通过如下方式创建一个对象:
```javascript
function Person(name, age) {
this.name = name;
this.age = age;
}
var person = new Person('Tom', 18);
```
在上面的代码中,`Person` 是一个构造函数,`person` 是一个通过 `Person` 构造函数创建的对象。在 `person` 对象中,它的 `__proto__` 属性指向 `Person.prototype`,而 `Person.prototype` 的 `__proto__` 属性又指向 `Object.prototype`,最终形成了一个原型链。
原型链的作用是实现对象之间的继承。当我们访问一个对象的属性时,如果该对象本身没有这个属性,就会去它的原型对象上查找,这就实现了属性的继承。
同时,原型链还可以实现方法的继承。我们可以将一些公共的方法定义在父对象的原型对象上,这样子对象就可以继承这些方法,从而减少代码的重复。
相关推荐
![-](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)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![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)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)