提升 JS 应用可维护性与灵活性：善用 prototype 和 class 的差异

2023-11-14 00:27:23

JavaScript 中的对象是一种引用类型，它可以存储多个属性和方法。JavaScript 对象可以使用两种方式创建：一种是使用字面量语法，另一种是使用 new 和构造函数。

prototype 是 JavaScript 中的一个内置对象，它指向创建对象的类。每个对象都有一个 __proto__ 属性，该属性指向创建该对象的原型。原型对象包含对象共享的属性和方法。

class 是 JavaScript 中的一种语法糖，它允许你使用更简洁的方式来定义类和对象。class 定义了一个类的模板，你可以使用它来创建对象。

prototype 和 class 的区别

特性	prototype	class
定义方式	使用 `prototype` 关键字	使用 `class` 关键字
继承方式	原型继承	类式继承
创建对象	使用 `new` 关键字和构造函数	使用 `new` 关键字和类名
可访问性	可以被修改和重写	不能被修改和重写

prototype 和 class 的应用

prototype 和 class 都可以用来创建对象，但在某些情况下，使用 prototype 更合适，而在另一些情况下，使用 class 更合适。

一般来说，如果你需要创建一个简单的对象，并且不需要使用继承，那么你可以使用 prototype。

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

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

console.log(person1.name); // John
console.log(person2.age); // 25

如果你需要创建一个复杂的对象，并且需要使用继承，那么你可以使用 class。

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

  getName() {
    return this.name;
  }

  getAge() {
    return this.age;
  }
}

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

console.log(person1.getName()); // John
console.log(person2.getAge()); // 25