你以为js创建类和继承很复杂？一道代码解决！

2023-10-22 06:31:12

js类如何创建和继承？

在 JavaScript 中，创建类和实现继承有许多不同的方法，但其中最简单直接的方法之一是使用 Object.create() 函数。Object.create() 函数可以创建一个新对象，并指定该新对象的原型对象。这样，新对象就可以继承原型对象的所有属性和方法。

使用 Object.create() 创建类

要使用 Object.create() 函数创建类，可以使用以下语法：

const Person = {
  name: "John Doe",
  age: 30,
  greet: function() {
    console.log("Hello, my name is " + this.name);
  }
};

const person1 = Object.create(Person);
person1.name = "Jane Doe";
person1.greet(); // 输出: "Hello, my name is Jane Doe"

在上面的代码中，我们首先创建了一个 Person 对象，该对象包含了 name、age 和 greet 方法。然后，我们使用 Object.create() 函数创建了一个 person1 对象，并指定 Person 对象为 person1 对象的原型对象。这样，person1 对象就继承了 Person 对象的所有属性和方法。

使用 Object.create() 实现继承

为了实现继承，我们可以使用 Object.create() 函数来创建一个子类，并指定父类为子类的原型对象。这样，子类就可以继承父类的所有属性和方法。

例如，我们可以在上面的代码中创建一个 Student 类，并指定 Person 类为 Student 类的父类：

const Student = Object.create(Person);

Student.prototype.study = function() {
  console.log("I am studying");
};

const student1 = Object.create(Student);
student1.name = "John Smith";
student1.greet(); // 输出: "Hello, my name is John Smith"
student1.study(); // 输出: "I am studying"

在上面的代码中，我们首先使用 Object.create() 函数创建了一个 Student 类，并指定 Person 类为 Student 类的父类。然后，我们向 Student 类添加了一个新的 study 方法。最后，我们使用 Object.create() 函数创建了一个 student1 对象，并指定 Student 类为 student1 对象的原型对象。这样，student1 对象就继承了 Person 类和 Student 类的所有属性和方法。