👑

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

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

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

Readonly型

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

Readonly型

基礎 +10 XP
🏠
今回の課題
interface Config { readonly host: string; readonly port: number; } を定義して、 const config: Config = { host: "localhost", port: 3000 }; を宣言し、 config.host と config.port をそれぞれ console.log で表示しよう。
📖 解説を見る
Readonly または readonly キーワードで、変更不可のプロパティを定義できる。
ヒントを見る
readonlyプロパティに再代入しようとするとコンパイルエラーになる。
期待する出力
localhost
3000
📄 見本
「答えを見る」を押すと、お手本のコードが出ます。クリックでコピーできます。
💻 コードエディタ
実行すると結果がここに表示されます
正解!見本と同じになりました。
次へ →
🏠 ホームへ

れんしゅうもんだい

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

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

未挑戦

問題 1: Readonly<{ x: number; y: number }> 型の定数 origin = { x: 0, y: 0 } を宣言して x を表示しよう。

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

問題 2: interface Point { readonly x: number; readonly y: number; } を定義し、{ x: 5, y: 10 } の y を表示しよう。

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