TypeScript フラッシュカード

カテゴリースポンサー

TypeScriptは、MicrosoftのAnders Hejlsbergによって作成されたJavaScriptの静的に型付けされたスーパーセットです。これは、大規模アプリケーションの生産性を向上させ、コード品質を改善するために設計された言語です。TypeScriptは豊富な型システムと高度な言語機能を特徴とし、コンパイル時のエラー検出と開発ツールのサポートを向上させます。この言語は、インターフェース、ジェネリックス、デコレーターなどの機能を提供し、開発者がより読みやすく保守しやすいコードを作成するためのツールを提供します。TypeScriptはJavaScriptとの完全な互換性をサポートし、既存のプロジェクトでの段階的な採用を可能にし、パフォーマンスを維持し、JavaScriptエコシステムの簡単な使用を実現します。

当社のフラッシュカードアプリには、TypeScriptの知識が必要な面接に効果的に対応するための、厳選されたTypeScript面接問題とその詳細な回答が含まれています。IT Flashcardsは求職者のためのツールだけでなく、現在のキャリアプランに関係なく、知識を強化しテストするための優れた方法です。アプリを定期的に使用することで、最新のTypeScriptのトレンドに常に追いつき、スキルを高いレベルで維持することができます。

アプリからのTypeScriptフラッシュカードのサンプル

App Store または Google Play から当社のアプリをダウンロードして、さらに多くの無料のフラッシュカードを入手するか、すべてのフラッシュカードにアクセスするために購読してください。

TypeScriptでの'any'型とは何ですか、そしてその使用はいつ推奨されますか？

TypeScriptのany型は、どんなデータ型でも表現できる動的型です。any型を使うと、コンパイル時の型チェックを避けることができ、JavaScriptなどの他のプログラミング言語の動的型と同様に扱うことができます。

以下に、TypeScriptでany型を使用する例を示します：

let dynamicValue: any = 100;
dynamicValue = "hello";
dynamicValue = false;

any型の使用は便利ですが、データ構造がわかっている場合には推奨されません。TypeScriptがJavaScriptよりも優れている主な理由は、コンパイル時にエラーを発見することを助ける静的型付けを導入しているからです。

したがって、any型の使用は、特定の型を決定できない状況に限定すべきです。例えば、APIデータのような動的データを扱う時などに必要となるかもしれません。注意点として、any型の過度な使用は、型チェックと検証によってTypeScriptが提供する利点を失う可能性があります。

TypeScriptの関数の文脈で'void'型とは何か説明してください。

TypeScriptのvoid型は、値を返さない関数が返す特別な型です。JavaScript / TypeScriptの用語では、戻り値の型が宣言されていないまたはreturn文がない関数は、undefinedを返します。このような関数型はvoid型を使って宣言することができます。

void型は、特定のアクションを行うが値を返さない関数を作成したいときに便利です。これは、アプリケーションの状態を変更するための関数や、クリックイベントへの反応など、画面上のエフェクトを表示するための関数でよく使われます。

例：

function logMessage(message: string): void {
  console.log(message);
}

logMessage関数は文字列を引数として受け取り、それをコンソールに表示します。それは何も値を返しません。void型は、それが任意の値を返してはならないことを正確に定義します。そのような関数から何か値を返そうとすると、TypeScriptはコンパイルエラーを報告します。

TypeScriptでのインターフェイスとタイプの違いは何ですか？

TypeScriptでは、インターフェースと型の両方が似た目的を果たしていますが、それらの間には差異が存在します。以下にいくつかのポイントを列挙します。

1. 複数の方法で型を宣言する能力: 型はより複雑な宣言を可能にします。例えば、型を合併、交差、タプル型、リテラル型、インデックス型、マップ型、条件型などとして宣言することができます。インターフェースにはそのような柔軟性はありません。

2. 拡張と実装: インターフェースは、クラスに対して拡張および実装することができます。これによりコードの記述が簡単になる場合があります。対照的に、型にはそのような機能は提供されていません。

3. 宣言のマージ: インターフェースは一つのスコープ内に複数の宣言を持つことができます。これら全ての宣言は一つのインターフェースにマージされます。型は一度以上宣言することができません。

インターフェースのマージの例:

interface User {
  name: string;
}

interface User {
  age: number;
}

// 今では、Userインターフェースはnameとageのフィールドを含んでいます

型宣言の違いの例:

type User = {
  name: string;
};

// コンパイラはエラーを生成します。なぜなら、型は一度以上宣言することができないからです
type User = {
  age: number;
};

4. 構造型の互換性: インターフェースは構造型の互換性を判断するために使用することができます。一方、型は複合型を扱うために設計されています。

インターフェースと型の使用例:

interface ExampleInterface {
    prop1: string;
}

type ExampleType = {
    prop1: string;
    prop2: number;
} | string | number;

しかし、インターフェースと型の選択は主に軸や状況に依存しています。それぞれには長所と短所があります。

TypeScriptで特定のプロパティとタイプを持つオブジェクトをどのように定義しますか？

TypeScriptでは、インターフェースや型エイリアスと呼ばれる特定のプロパティとタイプを持つオブジェクトを定義することができます。これらのメカニズムのどちらも、特定のオブジェクトが提示する形状をチェックすることに重点を置いています。彼らはオブジェクトの形状を説明するために使われます。それを行う方法は次のとおりです:

1. インターフェースを使用する:

interface Person {
    firstName: string;
    lastName: string;
    age: number;
    isEmployed: boolean;
}

let john: Person = {
    firstName: 'John',
    lastName: 'Doe',
    age: 25,
    isEmployed: true
};

2. タイプエイリアスを使用する:

type Car = {
    make: string;
    model: string;
    year: number;
}

let myCar: Car = {
    make: 'Toyota',
    model: 'Corolla',
    year: 2020
};

どちらの場合も、宣言された形状と一致しないオブジェクトを変数に割り当てる場合（たとえば、フィールドが欠けているか余分な場合）、コンパイルエラーが発生します。