0Pricing
TypeScript Academy · レッスン

thisパラメーターの型付け、void、never

特殊なthisパラメーターに型を付け、アロー関数における字句的なthisを理解し、voidとneverを返す場面を学びます

「thisパラメーターの型付け、void、never」はCoddyKit上の無料TypeScript Academyレッスンです。 これはレッスン2/3です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはTypeScript Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 TypeScript Academyコースには全3レッスンが含まれています。

導入

目標：特殊なthisパラメーターに型を付け、アロー関数がthisをレキシカルに捕捉する仕組みを理解し、void（値なし）とnever（戻らない）の使い分けを学びます。

thisパラメーターの型付け

先頭にthisという名前のパラメーターを追加し、想定されるレシーバーの型を指定します。これは実際の引数ではなく、アロー関数ではない関数にのみ適用されます。

function setTitle(this: { title: string }, t: string): void {
  this.title = t;
}

const model = { title: "Old" };
setTitle.call(model, "New");
console.log(model.title);

アロー関数とレキシカルな this

アロー関数は周囲のスコープにあるthisを捕捉するため、thisパラメーターを宣言できません。

const counter = {
  n: 0,
  tick: function () {
    setTimeout(() => {
      // Arrow keeps outer this (counter)
      this.n++;
      console.log(this.n);
    }, 0);
  },
};

counter.tick();

voidの戻り値

voidは、関数が意味のある値を返さないことを表します。呼び出し側ではその結果を使用しないでください。

function logMsg(msg: string): void {
  console.log(msg);
}

const r = logMsg("hello"); // r is void (ignored)
// Returning a value here would error when annotated as void

neverの戻り値

neverは、関数が戻らないこと（例外を投げる、または無限ループになる）を示します。網羅性チェックや到達不能なコードパスに役立ちます。

function fail(message: string): never {
  throw new Error(message);
}

function loopForever(): never {
  while (true) {}
}

// Calling either function never returns

ベストプラクティス

ヒント：

  • レシーバーに依存するアロー関数ではない関数にのみ、thisパラメーターを使ってください。
  • thisを失わないように、コールバックにはアロー関数を優先してください。
  • 副作用を持つ関数にはvoidを注釈し、例外やループ、または網羅性ガードにはneverを使ってください。

thisパラメーターの確認

クイックチェック：「this」パラメーターについて正しい説明はどれですか？

まとめ

まとめ：アロー関数ではない関数のレシーバーにはthisパラメーターで型を付け、レキシカルな this にはアロー関数を使い、voidとneverを適切に使い分けます。

よくある質問

「thisパラメーターの型付け、void、never」レッスンは無料ですか？

はい。「thisパラメーターの型付け、void、never」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、TypeScript Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 TypeScript Academyコースには全3レッスンが含まれています。

「thisパラメーターの型付け、void、never」で何を学びますか？

特殊なthisパラメーターに型を付け、アロー関数における字句的なthisを理解し、voidとneverを返す場面を学びます ブラウザで直接実行するハンズオンコードでTypeScript Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

TypeScript Academyを始めるのに経験は必要ですか？

事前経験は必要ありません。CoddyKitのTypeScript Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン2/3です。

「thisパラメーターの型付け、void、never」レッスンにはどのくらい時間がかかりますか？

ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このTypeScript Academyレッスンでコードを書いて実行できますか？

はい。すべてのTypeScript Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. 関数オーバーロードとcall signature
  2. thisパラメーターの型付け、void、never
  3. アサーション関数とユーザー定義型ガード
← TypeScript Academyに戻る