ES6的意外之喜：揭秘JavaScript面向对象设计的潜藏魅力

2023-11-16 09:29:31

ES6 中的面向对象编程：揭秘类、原型和原型链

面向对象编程简介

面向对象编程 (OOP) 是一种广受欢迎的编程范式，它通过对象来组织代码。对象包含数据和操作这些数据的函数，它们相互协作以解决问题。OOP 的优势在于提高了代码的可重用性、可维护性和可扩展性。

ES6 中的类

ES6 中的类是 OOP 的核心概念。类是对象的模板，它定义了对象的属性和行为。你可以使用类来创建任意数量的对象，每个对象都是类的实例。

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

  greet() {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  }
}

const person1 = new Person('John', 30);
const person2 = new Person('Mary', 25);

person1.greet(); // Hello, my name is John and I am 30 years old.
person2.greet(); // Hello, my name is Mary and I am 25 years old.

原型和原型链

原型是每个类的内置属性。它包含类的所有属性和方法。每个对象都有一个原型，它是对象的内部属性。对象的原型是它所属类的原型。

原型链是指从一个对象到其原型的链条。当你访问对象的属性或方法时，JavaScript 会首先在对象本身中查找。如果没有找到，它将继续在对象的原型中查找。依此类推，直到找到该属性或方法，或者到达原型链的末尾。

console.log(person1.hasOwnProperty('name')); // true
console.log(person1.hasOwnProperty('greet')); // true
console.log(person1.hasOwnProperty('toString')); // false

console.log(person1.__proto__ === Person.prototype); // true
console.log(Person.prototype.__proto__ === Object.prototype); // true