Menu
CoddyTech

属性和方法

本课属于 Coddy JavaScript 学习旅程的“面向对象编程”单元。第 13 课,共 56 课。

JavaScript 中的类可以让我们定义由该类的所有实例共享的属性和方法。

创建一个包含属性的类:

class Car {
  constructor(make, model) {
    this.make = make;
    this.model = model;
  }
}

创建实例时,构造函数会设置这些属性:

const myCar = new Car('Toyota', 'Corolla');
console.log(myCar.make);  // 输出:'Toyota'
console.log(myCar.model); // 输出:'Corolla'

给这个类添加一个方法:

class Car {
  constructor(make, model) {
    this.make = make;
    this.model = model;
  }
  
  getDescription() {
    return `This car is a ${this.make} ${this.model}.`;
  }
}

现在,我们可以在任意实例上调用这个方法:

const myCar = new Car('Toyota', 'Corolla');
console.log(myCar.getDescription()); // 输出:'This car is a Toyota Corolla.'
challenge icon

挑战

在 book.js 文件中创建一个名为 Book 的类,并包含以下内容:

  1. 创建一个构造函数,接收 title、author 和 pages 参数,并将它们设为属性。
  2. 创建一个名为 getInfo 的方法,返回格式如下的字符串:“Title: [title], Author: [author], Pages: [pages]”
  3. 在 `class` 声明前添加 `export`,导出这个类。

亲手试试

import { Book } from './book.js';

// 测试(不要修改这部分)
const book = new Book("JavaScript Basics", "John Doe", 200);
console.log(book.getInfo());
quiz icon自我测试

这节课包含一个小测验。开始学习即可作答,并记录你的进度。

面向对象编程中的所有课

自己练习: JavaScript 在线编译器