TypeScript型設計：オブジェクト・状態・ジェネリクス

interface、optional property、readonly、union・リテラル型、型ガード、ジェネリクスを扱う全23レッスンの型設計コースです。Profile・Work・ApplicationStateを題材に、APIや画面で扱うデータと状態を壊れにくい型として設計します。既存JavaScriptプロジェクトの移行は次のコースで扱います。

第6章クイズ

クイズ1

次のコードで起きることとして、正しいものはどれですか。

TypeScript

function first(items: any[]): any {
  return items[0];
}

const titles = ["プロフィールサイト", "自己紹介カード"];
const title = first(titles);

title.toFixed(2);

クイズ2

配列を受け取ってその先頭の要素を返す汎用関数の書き方として、正しいものはどれですか。

クイズ3

次のコードはどうなりますか。

TypeScript

function collectIds<T>(items: T[]): number[] {
  return items.map((item) => item.id);
}

クイズ4

次の関数に対して、通る呼び出しはどれですか。

TypeScript

function collectIds<T extends { id: number }>(items: T[]): number[] {
  return items.map((item) => item.id);
}

クイズ5

次のコードで、works の型はどれになりますか。

TypeScript

async function fetchWorks(): Promise<Work[]> {
  const res = await fetch("/api/works");
  return res.json();
}

const works = await fetchWorks();

未回答の問題は、不正解として正解と解説のみ表示します

ログインが必要です

クイズに回答するにはログインしてください。

第6章クイズ

クイズ1

次のコードで起きることとして、正しいものはどれですか。

TypeScript

function first(items: any[]): any {
  return items[0];
}

const titles = ["プロフィールサイト", "自己紹介カード"];
const title = first(titles);

title.toFixed(2);

クイズ2

配列を受け取ってその先頭の要素を返す汎用関数の書き方として、正しいものはどれですか。

クイズ3

次のコードはどうなりますか。

TypeScript

function collectIds<T>(items: T[]): number[] {
  return items.map((item) => item.id);
}

クイズ4

次の関数に対して、通る呼び出しはどれですか。

TypeScript

function collectIds<T extends { id: number }>(items: T[]): number[] {
  return items.map((item) => item.id);
}

クイズ5

次のコードで、works の型はどれになりますか。

TypeScript

async function fetchWorks(): Promise<Work[]> {
  const res = await fetch("/api/works");
  return res.json();
}

const works = await fetchWorks();

未回答の問題は、不正解として正解と解説のみ表示します

ログインが必要です

クイズに回答するにはログインしてください。