属性和方法
本课属于 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.'挑战
在 book.js 文件中创建一个名为 Book 的类,并包含以下内容:
- 创建一个构造函数,接收
title、author和pages参数,并将它们设为属性。 - 创建一个名为
getInfo的方法,返回格式如下的字符串:“Title: [title], Author: [author], Pages: [pages]” - 在 `class` 声明前添加 `export`,导出这个类。
亲手试试
import { Book } from './book.js';
// 测试(不要修改这部分)
const book = new Book("JavaScript Basics", "John Doe", 200);
console.log(book.getInfo());
这节课包含一个小测验。开始学习即可作答,并记录你的进度。
面向对象编程中的所有课
8整理 OOP 代码
将类组织到模块中自己练习: JavaScript 在线编译器