《js核心系列(六)—— 原型和原型链知多少》

2023-12-10 15:57:04

我们日常使用JavaScript的过程中，最常接触的恐怕就是对象了，对象作为 JavaScript 的一种基本数据类型，在很多方面有着至关重要的作用。在面向对象编程中，任何事物都可以视为对象。作为面向对象编程三大支柱之一，继承又有着非凡的意义。本章节中，我们将深入探讨原型和原型链相关内容，帮助大家更好的理解 JavaScript 的面向对象编程思想。

原型和原型链

在 JavaScript 中，一切皆对象。当创建一个对象时，JavaScript 会自动为其创建一个原型对象。这个原型对象包含了该对象的所有属性和方法。当我们访问对象的属性或方法时，JavaScript 会首先在对象本身中查找。如果没有找到，则会沿着原型链向上查找，直到找到该属性或方法。

原型链是一个对象到其原型对象的链接列表。它允许我们访问对象的所有属性和方法，即使这些属性和方法不是直接属于该对象的。

原型链中方法的继承

JavaScript中的继承是通过原型链来实现的。当一个对象继承另一个对象时，它会获得该对象的原型对象的所有属性和方法。这种继承是单向的，即子对象只能继承父对象，而父对象无法继承子对象。

原型对象的创建和使用

我们可以使用 Object.create() 方法来创建原型对象。这个方法接受两个参数：第一个参数是要创建的原型对象，第二个参数是要创建的新对象的属性和方法。

// 创建原型对象
const person = {
  name: 'John Doe',
  age: 30,
  greet: function() {
    console.log(`Hello, my name is ${this.name}`);
  }
};

// 使用原型对象创建新对象
const student = Object.create(person);

// 访问新对象的属性和方法
console.log(student.name); // John Doe
console.log(student.age); // 30
student.greet(); // Hello, my name is John Doe

JavaScript的面向对象编程方式

JavaScript 是一种面向对象的语言，我们可以使用它来编写面向对象程序。面向对象编程是一种将程序组织成对象的方法。它使我们能够将数据和行为封装到对象中，从而提高代码的可重用性和可维护性。

JavaScript 中的面向对象编程主要通过原型链来实现。我们可以使用原型链来创建对象、继承对象和访问对象的属性和方法。

ES6中类的实现方式

ES6中引入了class，使我们能够使用更简洁的语法来编写面向对象程序。class关键字定义了一个类，我们可以使用它来创建对象。

// 定义类
class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

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

// 使用类创建对象
const student = new Person('John Doe', 30);

// 访问对象的属性和方法
console.log(student.name); // John Doe
console.log(student.age); // 30
student.greet(); // Hello, my name is John Doe