什么是原型原型链有什么作用

2024年2月8日发(作者：)

什么是原型原型链有什么作用

原型和原型链是 JavaScript 中重要的概念，对理解JavaScript的面向对象编程和继承机制非常关键。

一、原型（Prototype）

原型是一个对象，在 JavaScript 中，每个对象都有原型。对象可以从其原型继承属性和方法。原型是一个普通的 JavaScript 对象，它具有一些默认的方法和属性，可以被其他对象继承。

在JavaScript中，我们可以使用构造函数来创建一个对象。构造函数是一个拥有特定属性和方法的函数。通过使用构造函数创建的对象，其原型指向该构造函数的原型对象。

用代码来表示，如下所示：

```javascript

function Person(name)

= name;

let person1 = new Person('Alice');

```

在上面的代码中，`Person`是一个构造函数，`person1`是通过`new`关键字调用构造函数创建的对象。此时，`person1`会继承`Person`的原型对象上的属性和方法。例如，可以通过原型对象为 `Person` 添加一个

`sayHello(` 方法：

```javascript

lo = functio

('Hello, my name is ' + );

lo(; // 输出：Hello, my name is Alice

```

在上面的代码中，当调用`lo(`时，其实是通过原型链找到了 `Person` 的原型对象上的 `sayHello(` 方法。

二、原型链（Prototype Chain）

原型链是 JavaScript 实现继承的一种机制。当对象在访问一个属性或方法时，如果该对象没有这个属性或方法，就会沿着原型链向上寻找，直到找到该属性或方法或者到达原型链的末端（原型链的顶端是

`ype`）。原型链是由对象的原型组成的。

原型链的概念可以这样来理解：每个对象拥有一个指向其原型的指针，而原型对象也和其他对象一样有它自己的原型，这样就会形成一条链式结构，即原型链。

下面我们以一个例子来进一步理解原型链的概念：

```javascript

function Animal(name)

= name;

lo = functio

('Hello, my name is ' + );

function Cat(name, age)

= name;

= age;

ype = (ype);

uctor = Cat;

= functio

('I am ' + + ' years old');

let cat1 = new Cat('Tom', 3);

lo(; // 输出：Hello, my name is Tom

(; // 输出：I am 3 years old

```

在上面的例子中，`Animal` 是一个构造函数，`ype`

是`Animal`的原型对象。`Cat` 是另一个构造函数，通过

`ype = (ype)`，`ype` 现在将`ype`作为其原型对象，并且它的`constructor`属性也指向 `Cat`。通过这样的关联，`Cat` 对象就可以继承 `Animal` 对象的属性和方法。

在原型链中，如果一个对象的原型链上没有一些属性或方法，它会继续沿着原型链向上寻找，直到找到该属性或方法或者达到原型链的末端。在上面的例子中，`cat1` 在调用 `sayHello(` 方法时，在自身找不到该

方法，但它的原型链上有 `ype`，因此它会输出 "Hello,

my name is Tom"。

三、原型和原型链的作用

1.实现对象的属性和方法的继承

通过原型和原型链的机制，我们可以实现对象的属性和方法的继承，避免了重复定义和占用内存的问题。在需要多个对象具有共同的属性和方法的时候，我们可以使用原型来定义它们的共同部分，通过原型链实现继承。

2.动态的添加和修改对象的属性和方法

由于原型对象是一个普通的 JavaScript 对象，我们可以在运行时动态地为原型对象添加新的属性和方法，从而使得继承自该原型对象的对象也能够具有这些新的属性和方法。

3.在原型链上查找属性和方法

当对象访问属性或方法时，在对象自身找不到时，会在原型链上继续向上寻找。这样，可以保证在访问一个对象的属性和方法时，无论是对象本身定义的还是继承自原型链上的，都能够被正确地调用和执行。

总结：

原型和原型链是 JavaScript 中实现面向对象编程和继承机制的重要概念，可以使对象具有继承和动态添加属性和方法的能力，同时也可以在原型链上查找属性和方法。了解原型和原型链的概念和原理有助于我们更好地理解和应用 JavaScript。