简单说一下原型与原型链

文章目录

    • 原型
    • 原型链

原型

简单来说原型就像是对象的 “爸爸”,每个对象都有一个原型。当你创建一个对象时,这个对象就会有一个内部链接,指向它的原型。你可以把原型想象成对象的一种模板,对象可以从中继承属性和方法。

举个例子,如果有一个狗类的原型,那么通过这个原型,你可以创建很多个实际的狗对象,它们都可以共享一些相同的特征和行为,比如都有四条腿、会叫等。

原型链

原型链是一种对象之间的关系链,通过这个链条,对象可以访问到它的原型,以及原型的原型,形成一条链条直到最顶层的对象。

举个例子,假设你有一个具体的狗对象,但它并没有某个属性,JavaScript 就会帮你查找这个属性是否存在于它的原型上,如果还没有,就会继续往上查找,直到找到为止。这种查找的过程就是原型链的工作机制。

原型链的顶端是所有对象的祖先,即 Object 对象。所有对象都有一个共同的原型,而这个原型就是 Object.prototype。

假设有一个动物类的原型,它有一个共同的属性 eat 表示吃的行为。

// 动物类的原型
const animalPrototype = {
  eat: function() {
    console.log('动物正在吃');
  }
};

通过原型创建狗对象的例子:
通过这个原型创建狗对象,狗对象还可以有自己的属性和方法,比如 bark 方法表示狗叫的声音。

// 通过动物类的原型创建狗对象
const dog = Object.create(animalPrototype);
dog.bark = function() {
  console.log('汪汪汪');
};

// 狗对象调用共同的 eat 方法
dog.eat(); // 输出:动物正在吃

// 狗对象调用自己的 bark 方法
dog.bark(); // 输出:汪汪汪

这样,通过原型,我们可以实现对共同特征的共享,并在每个对象中添加自己独特的属性和方法。这就是原型的基本用法。

简单来说,原型是对象的 “爸爸”,它定义了对象的基本特征和行为。原型链是一种通过对象之间的原型关系建立的链条,让对象可以共享和继承彼此的特征和行为。

你可能感兴趣的:(javascript,开发语言,前端)