js定义类的几种方法(推荐)

JS定义类的几种方法是现代JS开发中必须了解的内容。这里我们将讲解4种主要的定义类的方法，并且推荐其中的2种。

1. 原型链方式

原型链方式是JS类的基础知识，也是最古老的一种JS定义类的方式。它通过创建一个构造函数和相应的原型链对象来实现类的定义和实例化。以下是一个简单的示例：

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

Person.prototype.getAge = function () {
  return this.age;
};

let person = new Person('Tom', 18);
console.log(person.getAge()); // 输出：18

在以上代码中，我们首先通过构造函数Person来定义一个类。然后通过原型链方法Person.prototype.getAge来向类中添加一个方法，再通过new操作符来创建person实例对象。

2. ES5构造函数方式

ES5构造函数方式是一种更加常用的JS定义类的方式。这种方式通过使用Object.create方法来创建类的实例，因此不需要手写原型链，看起来更加直观。以下是一个简单的示例：

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

Person.prototype.getAge = function () {
  return this.age;
};

let person = Object.create(new Person('Tom', 18));
console.log(person.getAge()); // 输出：18

在以上代码中，我们首先通过构造函数Person来定义一个类。然后通过Object.create方法创建了一个继承自Person的person实例对象。

3. ES6 class方式

ES6 class方式是一种更加现代化的JS定义类的方式。它使用了class关键字来定义类，并使用语法糖简化了原型链和继承的定义。以下是一个简单的示例：

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

  getAge() {
    return this.age;
  }
}

let person = new Person('Tom', 18);
console.log(person.getAge()); // 输出：18

在以上代码中，我们使用class关键字来定义了一个名为Person的类，并且使用constructor关键字来定义了类的构造函数。通过在class中定义一系列方法，我们可以将其他业务逻辑添加到类中。

4. ES6 factory方

ES6 factory方式是一种更加灵活的JS定义类的方式。它通过使用一个简单的函数来返回一个带有类方法和类属性的对象。以下是一个简单的示例：

function createPerson(name, age) {
  return {
    name,
    age,
    getAge() {
      return age;
    }
  };
}

let person = createPerson('Tom', 18);
console.log(person.getAge()); // 输出：18

在以上代码中，我们通过创建一个名为createPerson的函数来定义了一个类，并且通过简单的对象字面量来返回了一个带有类方法和类属性的对象。

推荐使用的是ES6 class和ES6 factory方式。ES6 class方式是一种更加现代化的方式，并且已经在ES6规范中被正式引入。ES6 factory方式则是一种更加灵活的方式，适用于更加简单和轻量级的类定义场景。