👑

このクエストはプレミアム限定です

プレミアムプランにアップグレードすると、すべてのクエストが
解放されます!

プレミアムにアップグレード ← クエスト一覧へ戻る
← クエスト一覧

interfaceの拡張(extends)

スライド 1 / 2
コーデ
💻 コード例
実行結果
← クエスト一覧
🔷 TypeScript / Quest 14 / 25

interfaceの拡張(extends)

基礎 +10 XP
🏠
今回の課題
interface Animal { name: string; } を定義し、 interface Pet extends Animal { owner: string; } を定義して、 const cat: Pet = { name: "Cat", owner: "Alice" }; を宣言し、 cat.name と cat.owner をそれぞれ表示しよう。
📖 解説を見る
interface は extends で別のinterfaceを拡張(継承)できる。
ヒントを見る
extends で親のinterfaceのプロパティを引き継げる。
期待する出力
Cat
Alice
📄 見本
「答えを見る」を押すと、お手本のコードが出ます。クリックでコピーできます。
💻 コードエディタ
実行すると結果がここに表示されます
正解!見本と同じになりました。
次へ →
🏠 ホームへ

れんしゅうもんだい

☑ 0 / 2 正解 レッスンに戻る

全問正解でクエストクリア!

未挑戦

問題 1: interface Shape { color: string; } と interface Circle extends Shape { radius: number; } を定義し、{ color:"red", radius:5 } のradiusを表示しよう。

実行結果
実行できたよ!
もう一度チャレンジ!
📄 見本の出力
5
未挑戦

問題 2: interface Vehicle { brand: string; } と interface Car extends Vehicle { doors: number; } を定義し、{ brand:"Honda", doors:4 } のbrandを表示しよう。

実行結果
実行できたよ!
もう一度チャレンジ!
📄 見本の出力
Honda
コピーしました!