当前位置：首页 > 文章列表 > 文章 > 前端 > 理解 JavaScript 中的原型：继承的支柱

理解 JavaScript 中的原型：继承的支柱

来源：dev.to 2024-09-25 09:01:04 0浏览收藏

本篇文章给大家分享《理解 JavaScript 中的原型：继承的支柱》，覆盖了文章的常见基础知识，其实一个语言的全部知识点一篇文章是不可能说完的，但希望通过这些问题，让读者对自己的掌握程度有一定的认识(B 数)，从而弥补自己的不足，更好的掌握它。

javascript 是一种使用原型继承的强大语言，这对于那些来自基于类的语言的人来说可能有点困惑。在这篇文章中，我们将探讨原型在 javascript 中的工作原理、它们在继承中的作用，以及如何有效地利用它们。

什么是原型？

在 javascript 中，每个对象都有一个称为原型的属性。此属性允许对象从其他对象继承属性和方法，从而实现了一种对于 javascript 灵活性至关重要的继承形式。

原型链

当您尝试访问对象上的属性但该对象本身不存在该属性时，javascript 会查找原型链来找到它。该链一直持续到末端，即 null。

创建没有类的对象

javascript 允许您使用构造函数创建对象。其工作原理如下：

// constructor function
function person(name, age) {
  this.name = name;
  this.age = age;
}

// adding methods via prototype
person.prototype.greet = function() {
  console.log(`hello, my name is ${this.name}`);
};

// creating an instance
const person1 = new person('srishti', 25);
person1.greet(); // output: hello, my name is srishti

在此示例中，greet 方法是 person 原型的一部分，允许 person 的所有实例访问它，而无需在每个实例中进行定义。

es6 类：现代方法

随着 es6 的引入，javascript 现在支持类，使得创建对象和管理继承变得更加容易。这是使用类语法的类似示例：

// Class declaration
class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  greet() {
    console.log(`Hello, my name is ${this.name}`);
  }
}

// Creating an instance
const person1 = new Person('Srishti', 25);
person1.greet(); // Output: Hello, my name is Srishti