Menu
Coddy logo textTech

セットアップ:Shapeクラスとエクスポート

CoddyのJavaScriptジャーニー「オブジェクト指向プログラミング」セクションの一部 — レッスン 39/56。

challenge icon

チャレンジ

このプロジェクトでは、オブジェクト指向プログラミングの主要な概念を実証する、シンプルな図形レンダリングシステムを構築します。自分自身を説明できるさまざまな図形を作成し、継承を練習し、モジュールを使用してコードを整理します。

あなたのタスク:

  1. `Shape.js` 内で、以下の内容を持つ `Shape` クラスを作成してください:
    • 1つのパラメータ color を受け取るコンストラクタ
    • "A ${color} shape" を返す describe() という名前のメソッド
  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"

オブジェクト指向プログラミングのすべてのレッスン