» JavaScript快速入门 » 2. 高级篇 » 2.3

JavaScript 类是ECMAScript 2015(ES6)规范引入的。ECMAScript 2015 规范,也称为ES6,为JavaScript带来了显著的增强功能,其中一个显著的特性是引入了类语法,使得以更结构化和面向对象的方式定义类成为可能。

类是创建对象的模板。它们通过代码封装数据并处理数据。JS中的类是基于原型构建的,但也具有一些类特有的语法和语义。

class Person {
  // 构造函数初始化对象
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  displayInfo() {
    console.log(`Name: ${this.name}, Age: ${this.age}`);
  }
}

// 创建Person类的实例
const person1 = new Person("Literank", 25);

person1.displayInfo();

继承

class Animal {
  constructor(name) {
    this.name = name;
  }

  makeSound() {
    console.log("Generic animal sound");
  }
}

class Dog extends Animal {
  constructor(name, breed) {
    // 调用父类(Animal)的构造函数
    super(name);
    this.breed = breed;
  }

  // 覆盖makeSound方法
  makeSound() {
    console.log("Woof! Woof!");
  }

  fetch() {
    console.log(`${this.name} is fetching the ball.`);
  }
}

const myDog = new Dog("Buddy", "Golden Retriever");

myDog.makeSound(); // 输出:Woof! Woof!
myDog.fetch();     // 输出:Buddy is fetching the ball.

代码挑战

Car 类创建 SportsCar 子类。

Loading...
> 此处输出代码运行结果
上页
下页