JS 添加类 - Javascript

在JavaScript中，类是一种模板，它描述了定义对象所需的属性和方法。在类中添加一个类是一个基本的任务，它可以使你更好地组织和管理代码，也可以让你更容易地调试代码。

添加类 - 使用class关键字

在ES6中，你可以使用 class 关键字来定义一个类，然后使用 extends 和 super 关键字来构建继承关系。

下面是一个基本的类定义和使用的例子：

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

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

const john = new Person('John Doe', 30);
john.sayHello();

在这个例子中，我们定义了一个 Person 类，它包含 name 和 age 属性，以及一个 sayHello 方法。我们创建了一个 john 对象，该对象是 Person 类的一个实例，并调用了它的 sayHello 方法。

输出结果：

Hello, my name is John Doe and I am 30 years old.

添加类 - 使用原型

在ES5中，你使用原型来创建类。使用原型时，你需要使用构造函数来创建类，然后将方法和属性添加到类的原型对象中。

下面是一个使用原型创建类的例子：

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

Person.prototype.sayHello = function() {
  console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
};

const john = new Person('John Doe', 30);
john.sayHello();

在这个例子中，我们创建一个 Person 构造函数，并将 name 和 age 属性添加到对象中。我们还将 sayHello 方法添加到 Person 类的原型中。

我们创建 john 对象作为 Person 类的一个实例，并调用它的 sayHello 方法。

输出结果：

Hello, my name is John Doe and I am 30 years old.

添加类 - 使用Object.create()

另一种创建类的方法是使用 Object.create()。使用这种方法时，你创建一个原型对象，并使用该原型对象创建一个新对象。

下面是一个基本的使用 Object.create() 创建类的例子：

const personPrototype = {
  sayHello: function() {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  }
};

function createPerson(name, age) {
  const person = Object.create(personPrototype);
  person.name = name;
  person.age = age;
  return person;
}

const john = createPerson('John Doe', 30);
john.sayHello();

在这个例子中，我们创建了一个 personPrototype 对象，该对象包含 sayHello 方法。我们还创建了一个 createPerson 函数，该函数创建了一个新对象，并将 personPrototype 添加到该对象的原型中。最后我们创建了一个 john 对象，并调用了它的 sayHello 方法。

输出结果：

Hello, my name is John Doe and I am 30 years old.

总结

这里介绍了三种创建类的方法 - 使用 class 关键字、使用原型、以及使用 Object.create()。每种方法都有自己的优缺点，具体使用哪种方法取决于你的具体需要。

以上是 JS 添加类 - Javascript 的介绍，希望对你有所帮助。