设置:形状类与导出
本课属于 Coddy JavaScript 学习旅程的“面向对象编程”单元。第 39 课,共 56 课。
挑战
在这个项目中,我们将构建一个简单的形状渲染系统,展示面向对象编程的核心概念。我们将创建能够描述自身的不同形状,练习继承,并使用模块组织代码。
你的任务:
- 在 `Shape.js` 中,创建一个
Shape类,其中包含:- 一个接受一个参数的构造函数:
color - 一个名为
describe()的方法,返回:"A ${color} shape"
- 一个接受一个参数的构造函数:
- 使用
export导出这个类 - 在
main.js中,使用以下代码导入这个类:import { Shape } from './Shape.js';
亲手试试
// TODO:从 './Shape.js' 导入 Shape 类;
// 测试 Shape 类
const myShape = new Shape('blue');
console.log(myShape.describe()); // 输出:"A blue shape"
面向对象编程中的所有课
8整理 OOP 代码
将类组织到模块中自己练习: JavaScript 在线编译器