Menu
CoddyTech

设置:形状类与导出

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

challenge icon

挑战

在这个项目中,我们将构建一个简单的形状渲染系统,展示面向对象编程的核心概念。我们将创建能够描述自身的不同形状,练习继承,并使用模块组织代码。

你的任务:

  1. 在 `Shape.js` 中,创建一个 Shape 类,其中包含:
    • 一个接受一个参数的构造函数:color
    • 一个名为 describe() 的方法,返回:"A ${color} shape"
  2. 使用 export 导出这个类
  3. 在 main.js 中,使用以下代码导入这个类:import { Shape } from './Shape.js';

亲手试试

// TODO:从 './Shape.js' 导入 Shape 类;


// 测试 Shape 类
const myShape = new Shape('blue');
console.log(myShape.describe()); // 输出:"A blue shape"

面向对象编程中的所有课

自己练习: JavaScript 在线编译器